tg app fix sizes
This commit is contained in:
@@ -51,7 +51,7 @@ a,
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
justify-items: center;
|
justify-items: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
border-radius: var(--radius-4xl);
|
border-radius: var(--radius-3xl);
|
||||||
background-color: var(--color-white);
|
background-color: var(--color-white);
|
||||||
padding: calc(var(--spacing) * 2);
|
padding: calc(var(--spacing) * 2);
|
||||||
}
|
}
|
||||||
@@ -102,7 +102,7 @@ onMounted(async () => {
|
|||||||
<div class="flex flex-col w-full justify-items-start gap-7">
|
<div class="flex flex-col w-full justify-items-start gap-7">
|
||||||
|
|
||||||
<div class="flex flex-col w-full ">
|
<div class="flex flex-col w-full ">
|
||||||
<div class=" flex-col " v-tooltip.bottom="'Only emoji supported'">
|
<div class=" flex-col " v-tooltip.focus.bottom="'Only emoji supported'">
|
||||||
<input class=" !justify-items-center !justify-center font-extralight text-9xl w-full focus:outline-0"
|
<input class=" !justify-items-center !justify-center font-extralight text-9xl w-full focus:outline-0"
|
||||||
placeholder="Icon" v-model="categoryIcon" @input="handleInput" @paste="handlePaste"
|
placeholder="Icon" v-model="categoryIcon" @input="handleInput" @paste="handlePaste"
|
||||||
@compositionend="handleCompositionEnd" inputmode="text"
|
@compositionend="handleCompositionEnd" inputmode="text"
|
||||||
@@ -125,7 +125,7 @@ onMounted(async () => {
|
|||||||
</div>
|
</div>
|
||||||
<div class="flex flex-col w-full justify-items-start">
|
<div class="flex flex-col w-full justify-items-start">
|
||||||
<label class="!font-semibold text-gray-600 pl-2">Category name</label>
|
<label class="!font-semibold text-gray-600 pl-2">Category name</label>
|
||||||
<div class="card !justify-start !items-start !p-4 !pl-5 ">
|
<div class="card !rounded-3xl !justify-start !items-start !p-4 !pl-5 ">
|
||||||
<input class="font-extralight w-full focus:outline-0" placeholder="Name" v-model="categoryName"/>
|
<input class="font-extralight w-full focus:outline-0" placeholder="Name" v-model="categoryName"/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -133,7 +133,7 @@ onMounted(async () => {
|
|||||||
<label class="!font-semibold text-gray-600 !pl-2">Category description</label>
|
<label class="!font-semibold text-gray-600 !pl-2">Category description</label>
|
||||||
<div class="card !justify-start !items-start !pl-2">
|
<div class="card !justify-start !items-start !pl-2">
|
||||||
<textarea
|
<textarea
|
||||||
class="font-extralight w-full focus:outline-0 !focus:border-0 !@focus:shadow-none !bg-white !border-0 min-h-36"
|
class="!font-extralight !text-start !pl-2 w-full focus:outline-0 !focus:border-0 !@focus:shadow-none !bg-white !border-0 min-h-36"
|
||||||
style="box-shadow: none !important;"
|
style="box-shadow: none !important;"
|
||||||
placeholder="Description" v-model="categoryDescription"/>
|
placeholder="Description" v-model="categoryDescription"/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user