@saasmakers/ui 2.0.47 → 2.0.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -83,8 +83,7 @@ function onClick(event: MouseEvent) {
|
|
|
83
83
|
'base-surface h-14 overflow-hidden pl-3 pr-3': hasBackground && size === 'lg' && isHorizontal,
|
|
84
84
|
'base-surface p-3': hasBackground && size === 'base' && !isHorizontal,
|
|
85
85
|
'base-surface p-4': hasBackground && size === 'lg' && !isHorizontal,
|
|
86
|
-
'
|
|
87
|
-
'h-14 pl-3 pr-3': !hasBackground && size === 'lg' && isHorizontal,
|
|
86
|
+
'w-fit': !hasBackground && isHorizontal,
|
|
88
87
|
'base-border-hover': hasBackground && isClickable,
|
|
89
88
|
'rounded-lg': hasBackground && isHorizontal,
|
|
90
89
|
'rounded-xl': hasBackground && !isHorizontal,
|
|
@@ -96,8 +95,9 @@ function onClick(event: MouseEvent) {
|
|
|
96
95
|
<div
|
|
97
96
|
class="flex overflow-hidden"
|
|
98
97
|
:class="{
|
|
99
|
-
'h-12 w-full flex-row items-center text-left': isHorizontal && size === 'base',
|
|
100
|
-
'h-14 w-full flex-row items-center text-left': isHorizontal && size === 'lg',
|
|
98
|
+
'h-12 w-full flex-row items-center text-left': isHorizontal && size === 'base' && hasBackground,
|
|
99
|
+
'h-14 w-full flex-row items-center text-left': isHorizontal && size === 'lg' && hasBackground,
|
|
100
|
+
'flex-row items-center text-left': isHorizontal && !hasBackground,
|
|
101
101
|
'flex-col items-center text-center': !isHorizontal,
|
|
102
102
|
}"
|
|
103
103
|
>
|
|
@@ -188,7 +188,7 @@ function onClick(event: MouseEvent) {
|
|
|
188
188
|
<div
|
|
189
189
|
class="min-w-0 flex flex-col justify-center leading-snug"
|
|
190
190
|
:class="{
|
|
191
|
-
'flex-1': isHorizontal,
|
|
191
|
+
'flex-1': isHorizontal && hasBackground,
|
|
192
192
|
'w-full': !isHorizontal,
|
|
193
193
|
'mr-4': isHorizontal && size === 'base' && (to || hasChevron),
|
|
194
194
|
'mr-5': isHorizontal && size === 'lg' && (to || hasChevron),
|
|
@@ -205,7 +205,7 @@ function onClick(event: MouseEvent) {
|
|
|
205
205
|
}"
|
|
206
206
|
>
|
|
207
207
|
<p
|
|
208
|
-
v-if="title && isHorizontal && !titleIcon"
|
|
208
|
+
v-if="title && isHorizontal && !titleIcon && hasBackground"
|
|
209
209
|
class="line-clamp-1 min-w-0 break-words text-xs font-medium tracking-tight uppercase"
|
|
210
210
|
:class="titleColorClass"
|
|
211
211
|
>
|