fix(components): [row] align="top" is not working properly (#13550)

* fix(components): [row] align='top' is not working properly

* fix(components): [row] align="top" is not working properly
This commit is contained in:
zepeng 2023-07-22 19:53:30 +08:00 committed by GitHub
parent a434afd739
commit 49e6cc33c5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 4 additions and 2 deletions

View File

@ -42,7 +42,6 @@ export const rowProps = buildProps({
align: {
type: String,
values: RowAlign,
default: 'top',
},
} as const)

View File

@ -37,6 +37,6 @@ const style = computed(() => {
const rowKls = computed(() => [
ns.b(),
ns.is(`justify-${props.justify}`, props.justify !== 'start'),
ns.is(`align-${props.align}`, props.align !== 'top'),
ns.is(`align-${props.align}`, !!props.align),
])
</script>

View File

@ -23,6 +23,9 @@
@include when(justify-space-evenly) {
justify-content: space-evenly;
}
@include when(align-top) {
align-items: flex-start;
}
@include when(align-middle) {
align-items: center;
}