chore: remove left icon from date fields

This commit is contained in:
Shariq Ansari 2024-11-29 22:43:15 +05:30
parent 4c6038a728
commit 3261840dca
4 changed files with 5 additions and 3 deletions

View File

@ -11,7 +11,7 @@
<input <input
class="w-full slider !h-[0.5] bg-surface-gray-3 [&::-webkit-slider-thumb]:shadow [&::-webkit-slider-thumb:hover]:outline [&::-webkit-slider-thumb:hover]:outline-[0.5px]" class="w-full slider !h-[0.5] bg-surface-gray-3 [&::-webkit-slider-thumb]:shadow [&::-webkit-slider-thumb:hover]:outline [&::-webkit-slider-thumb:hover]:outline-[0.5px]"
:style="{ :style="{
background: `linear-gradient(to right, #171717 ${progress}%, #ededed ${progress}%)`, background: `linear-gradient(to right, var(--surface-gray-7, #171717) ${progress}%, var(--surface-gray-3, #ededed) ${progress}%)`,
}" }"
type="range" type="range"
id="track" id="track"

View File

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<div <div
class="flex flex-col gap-2 border border-outline-gray-modals rounded-md bg-surface-white px-3 py-2.5 text-ink-gray-9" class="flex flex-col gap-2 border border-outline-gray-modals rounded-md bg-surface-cards px-3 py-2.5 text-ink-gray-9"
> >
<div class="flex items-center justify-between"> <div class="flex items-center justify-between">
<div class="inline-flex gap-2 items-center text-base font-medium"> <div class="inline-flex gap-2 items-center text-base font-medium">

View File

@ -1,6 +1,6 @@
<template> <template>
<div <div
class="cursor-pointer flex flex-col rounded-md shadow bg-surface-white px-3 py-1.5 text-base transition-all duration-300 ease-in-out" class="cursor-pointer flex flex-col rounded-md shadow bg-surface-cards px-3 py-1.5 text-base transition-all duration-300 ease-in-out"
> >
<div class="-mb-0.5 flex items-center justify-between gap-2 truncate text-ink-gray-9"> <div class="-mb-0.5 flex items-center justify-between gap-2 truncate text-ink-gray-9">
<div class="flex items-center gap-2 truncate"> <div class="flex items-center gap-2 truncate">

View File

@ -133,11 +133,13 @@
<DateTimePicker <DateTimePicker
v-else-if="field.type === 'Datetime'" v-else-if="field.type === 'Datetime'"
v-model="data[field.name]" v-model="data[field.name]"
icon-left=""
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
input-class="border-none" input-class="border-none"
/> />
<DatePicker <DatePicker
v-else-if="field.type === 'Date'" v-else-if="field.type === 'Date'"
icon-left=""
v-model="data[field.name]" v-model="data[field.name]"
:placeholder="getPlaceholder(field)" :placeholder="getPlaceholder(field)"
input-class="border-none" input-class="border-none"