(fix) style

This commit is contained in:
kakkokari-gtyih 2023-11-12 14:14:37 +09:00
parent 62612c8d20
commit 433c97cb60

View File

@ -3,7 +3,7 @@
<h1 class='text-2xl lg:text-3xl font-bold mb-4'> <h1 class='text-2xl lg:text-3xl font-bold mb-4'>
{{ $t('_aidConverter.title') }} {{ $t('_aidConverter.title') }}
</h1> </h1>
<div class="grid grid-cols-2 gap-8 mx-auto max-w-lg mb-4"> <div class="grid grid-cols-2 gap-2 md:gap-8 mx-auto max-w-lg mb-4">
<button :class="['rounded-full py-2 hover:bg-accent-600/60', {'bg-accent-600/40': (tab === 'aidToDate')}]" @click="tab = 'aidToDate'">{{ $t('_aidConverter.aidToDate') }}</button> <button :class="['rounded-full py-2 hover:bg-accent-600/60', {'bg-accent-600/40': (tab === 'aidToDate')}]" @click="tab = 'aidToDate'">{{ $t('_aidConverter.aidToDate') }}</button>
<button :class="['rounded-full py-2 hover:bg-accent-600/60', {'bg-accent-600/40': (tab === 'dateToAid')}]" @click="tab = 'dateToAid'">{{ $t('_aidConverter.aidToDate') }}</button> <button :class="['rounded-full py-2 hover:bg-accent-600/60', {'bg-accent-600/40': (tab === 'dateToAid')}]" @click="tab = 'dateToAid'">{{ $t('_aidConverter.aidToDate') }}</button>
</div> </div>
@ -11,7 +11,7 @@
<label class="mb-1" for="aidToDateAid">aid / aidx</label> <label class="mb-1" for="aidToDateAid">aid / aidx</label>
<input class="form-control" id="aidToDateAid" v-model="aidToDateAid" /> <input class="form-control" id="aidToDateAid" v-model="aidToDateAid" />
<div class="my-2"> <div class="my-2">
<button class="btn btn-primary" @click="doAidToDate()">{{ $t('_aidConverter.aidToDate') }}</button> <button class="btn btn-primary !text-white" @click="doAidToDate()">{{ $t('_aidConverter.aidToDate') }}</button>
</div> </div>
<div class="mb-2 p-4 rounded-lg border bg-white dark:bg-[#212529] border-gray-200 dark:border-gray-600"> <div class="mb-2 p-4 rounded-lg border bg-white dark:bg-[#212529] border-gray-200 dark:border-gray-600">
{{ aidToDateResult }} {{ aidToDateResult }}
@ -26,7 +26,7 @@
<option value="aidx">aidx</option> <option value="aidx">aidx</option>
</select> </select>
<div class="my-2"> <div class="my-2">
<button class="btn btn-primary" @click="doDateToAid()">{{ $t('_aidConverter.dateToAid') }}</button> <button class="btn btn-primary !text-white" @click="doDateToAid()">{{ $t('_aidConverter.dateToAid') }}</button>
</div> </div>
<div class="mb-2 p-4 rounded-lg border bg-white dark:bg-[#212529] border-gray-200 dark:border-gray-600"> <div class="mb-2 p-4 rounded-lg border bg-white dark:bg-[#212529] border-gray-200 dark:border-gray-600">
{{ dateToAidResult }} {{ dateToAidResult }}