Skip to content

Commit 0251b66

Browse files
committed
fix: conditional style
1 parent b3e07e5 commit 0251b66

File tree

1 file changed

+9
-8
lines changed

1 file changed

+9
-8
lines changed

src/components/card/CardContainer.vue

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,5 @@
11
<template>
2-
<div
3-
:class="containerClasses"
4-
:style="maxWidth && maxWidth ? containerStyle : ''"
5-
>
2+
<div :class="containerClasses" :style="containerStyle">
63
<slot name="top"></slot>
74
<slot name="bottom"></slot>
85
</div>
@@ -34,8 +31,12 @@ const containerClasses = computed(() => {
3431
return `${baseClasses} ${ratioClasses[ratio]}`
3532
})
3633
37-
const containerStyle = computed(() => ({
38-
maxWidth: `${maxWidth}px`,
39-
minWidth: `${minWidth}px`
40-
}))
34+
const containerStyle = computed(() =>
35+
maxWidth || minWidth
36+
? {
37+
maxWidth: `${maxWidth}px`,
38+
minWidth: `${minWidth}px`
39+
}
40+
: {}
41+
)
4142
</script>

0 commit comments

Comments
 (0)