tg app fix sizes
This commit is contained in:
@@ -51,7 +51,7 @@ a,
|
||||
justify-content: center;
|
||||
justify-items: center;
|
||||
align-items: center;
|
||||
border-radius: var(--radius-4xl);
|
||||
border-radius: var(--radius-3xl);
|
||||
background-color: var(--color-white);
|
||||
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 ">
|
||||
<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"
|
||||
placeholder="Icon" v-model="categoryIcon" @input="handleInput" @paste="handlePaste"
|
||||
@compositionend="handleCompositionEnd" inputmode="text"
|
||||
@@ -125,7 +125,7 @@ onMounted(async () => {
|
||||
</div>
|
||||
<div class="flex flex-col w-full justify-items-start">
|
||||
<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"/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -133,7 +133,7 @@ onMounted(async () => {
|
||||
<label class="!font-semibold text-gray-600 !pl-2">Category description</label>
|
||||
<div class="card !justify-start !items-start !pl-2">
|
||||
<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;"
|
||||
placeholder="Description" v-model="categoryDescription"/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user