added mobile style
This commit is contained in:
@@ -40,7 +40,7 @@ const selectedValue = computed({
|
||||
|
||||
const classes = computed(() => {
|
||||
return [
|
||||
"flex items-center text-black justify-between cursor-text transition-all border-[1.5px] gap-3 grow-0 typo-label-md px-4 py-3.5 selection:bg-slate-100 rounded-100 flex-1 w-full outline-none",
|
||||
"flex items-center text-black justify-between cursor-text transition-all border-[1.5px] gap-3 grow-0 typo-label-md px-4 py-2.5 lg:py-3.5 selection:bg-slate-100 rounded-md lg:rounded-100 flex-1 w-full outline-none",
|
||||
{
|
||||
"input-solid": variant.value === "solid",
|
||||
"input-outlined": variant.value === "outlined",
|
||||
@@ -68,7 +68,7 @@ const classes = computed(() => {
|
||||
:placeholder="placeholder"
|
||||
v-bind="$attrs"
|
||||
:class="selectedValue ? '!text-black' : 'text-slate-400'"
|
||||
class="font-iran-yekan-x text-sm text-start placeholder-slate-400"
|
||||
class="font-iran-yekan-x text-xs lg:text-sm text-start placeholder-slate-400"
|
||||
/>
|
||||
<Icon
|
||||
:name="loading ? 'svg-spinners:3-dots-fade' : 'bi:chevron-down'"
|
||||
|
||||
Reference in New Issue
Block a user