sindhu/xport-tailwind-alpine
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

step 44 : remove lg:hidden, lg:mb-5

Browse Source
This commit is contained in:
sindhu
2025-03-25 06:14:54 +07:00
parent 8a44aca6e1
commit e8538b7329
7 changed files with 39 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
v1/assay_format.html
View File

@@ -31,7 +31,8 @@
<a href="settings.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a> <a href="settings.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">SETTING</a>
</li> </li>
<li class="bg-[#E3F2FD] rounded-sm p-3"> <li class="bg-[#E3F2FD] rounded-sm p-3">
<a href="assay_format.html" class="text-[#2196F3] transition font-bold hover:text-black/87">ASSAY FORMAT</a> <a href="assay_format.html" class="text-[#2196F3] transition font-bold hover:text-black/87">ASSAY
FORMAT</a>
</li> </li>
<li> <li>
<a href="result.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a> <a href="result.html" class="text-black/87 transition font-bold hover:text-[#2196F3]">RESULT</a>
@@ -290,7 +291,8 @@
<!-- Assay Code --> <!-- Assay Code -->
<label for="Assay Code" <label for="Assay Code"
class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"> class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600">
<input type="text" id="Assay Code" autocomplete="off" x-model="assayCode" @change="onChangeAssayCodeAdd()" <input type="text" id="Assay Code" autocomplete="off" x-model="assayCode"
@change="onChangeAssayCodeAdd()"
class="peer pl-2 border-none py-3 bg-transparent placeholder-transparent focus:border-transparent focus:ring-0 focus:outline-hidden" class="peer pl-2 border-none py-3 bg-transparent placeholder-transparent focus:border-transparent focus:ring-0 focus:outline-hidden"
placeholder="Assay Code" /> placeholder="Assay Code" />
@@ -306,7 +308,8 @@
<!-- Decimal Font --> <!-- Decimal Font -->
<label for="Decimal" <label for="Decimal"
class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"> class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600">
<input type="text" id="Decimal" x-model="decimalFont" autocomplete="off" @change="onChangeDecimalFontAdd()" <input type="text" id="Decimal" x-model="decimalFont" autocomplete="off"
@change="onChangeDecimalFontAdd()"
class="peer pl-2 border-none py-3 bg-transparent placeholder-transparent focus:border-transparent focus:ring-0 focus:outline-hidden" class="peer pl-2 border-none py-3 bg-transparent placeholder-transparent focus:border-transparent focus:ring-0 focus:outline-hidden"
placeholder="Decimal" /> placeholder="Decimal" />
@@ -323,7 +326,8 @@
<label for="Formula" <label for="Formula"
class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"> class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600">
<textarea id="Formula" x-model="formulaAdd" autocomplete="off" @change="onChangeFormulaAdd()" <textarea id="Formula" x-model="formulaAdd" autocomplete="off"
@change="onChangeFormulaAdd()"
class="resize-none peer w-full pl-2 border-none py-3 bg-transparent placeholder-transparent focus:border-transparent focus:ring-0 focus:outline-none" class="resize-none peer w-full pl-2 border-none py-3 bg-transparent placeholder-transparent focus:border-transparent focus:ring-0 focus:outline-none"
placeholder="Formula"></textarea> placeholder="Formula"></textarea>
@@ -374,7 +378,8 @@
</button> </button>
<button @click="save()" :class="objForm.isValidForm <button @click="save()" :class="objForm.isValidForm
? 'text-white bg-[#1976D2] font-bold text-sm uppercase px-4 py-2 rounded-md transition duration-200 hover:bg-[#135BA1]' ? 'text-white bg-[#1976D2] font-bold text-sm uppercase px-4 py-2 rounded-md transition duration-200 hover:bg-[#135BA1]'
: 'bg-gray-300 text-gray-500 cursor-not-allowed px-4 py-2 rounded-md'" :disabled="!objForm.isValidForm"> : 'bg-gray-300 text-gray-500 cursor-not-allowed px-4 py-2 rounded-md'"
:disabled="!objForm.isValidForm">
Save Save
</button> </button>
</div> </div>
@@ -606,7 +611,7 @@
<div class="mb-2"></div> <div class="mb-2"></div>
<!-- Assay No Inputan --> <!-- Assay No Inputan -->
<div class="bg-white w-full px-3 py-2 lg:hidden lg:mb-0"> <div class="bg-white w-full px-3 py-2 mb-5 lg:hidden lg:mb-0">
<label for="Assay No" <label for="Assay No"
class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"> class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600">
<input type="text" id="Assay No" x-model="assayNo" <input type="text" id="Assay No" x-model="assayNo"

10
v1/assay_format_mobile_add.html
View File

@@ -30,7 +30,7 @@
<!-- konten utama --> <!-- konten utama -->
<div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" <div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]"
x-data="assayFormatMobileAdd"> x-data="assayFormatMobileAdd">
<div class="relative w-full lg:hidden"> <div class="relative w-full ">
<!-- instrument --> <!-- instrument -->
<fieldset @click.outside="openInstrument = false" <fieldset @click.outside="openInstrument = false"
class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1 focus-within:ring-blue-500 px-3 pt-2 pb-2"> class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1 focus-within:ring-blue-500 px-3 pt-2 pb-2">
@@ -61,7 +61,7 @@
</ul> </ul>
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- Assay Code --> <!-- Assay Code -->
<label for="Assay Code" <label for="Assay Code"
@@ -77,7 +77,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- Decimal Font --> <!-- Decimal Font -->
<label for="Decimal" <label for="Decimal"
@@ -93,7 +93,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- formula --> <!-- formula -->
<label for="Formula" <label for="Formula"
@@ -129,7 +129,7 @@
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- hasil verifikasi --> <!-- hasil verifikasi -->
<div> <div>

10
v1/assay_format_mobile_edit.html
View File

@@ -30,7 +30,7 @@
<!-- konten utama --> <!-- konten utama -->
<div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" <div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]"
x-data="assayFormatMobileEdit"> x-data="assayFormatMobileEdit">
<div class="relative w-full lg:hidden"> <div class="relative w-full ">
<!-- instrument --> <!-- instrument -->
<fieldset @click.outside="openInstrument = false" <fieldset @click.outside="openInstrument = false"
class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1 focus-within:ring-blue-500 px-3 pt-2 pb-2"> class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1 focus-within:ring-blue-500 px-3 pt-2 pb-2">
@@ -61,7 +61,7 @@
</ul> </ul>
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- Assay Code --> <!-- Assay Code -->
<label for="Assay Code" <label for="Assay Code"
@@ -77,7 +77,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- Decimal Font --> <!-- Decimal Font -->
<label for="Decimal" <label for="Decimal"
@@ -93,7 +93,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- formula --> <!-- formula -->
<label for="Formula" <label for="Formula"
@@ -128,7 +128,7 @@
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- hasil verifikasi --> <!-- hasil verifikasi -->
<div> <div>

14
v1/order_mobile_add.html
View File

@@ -28,7 +28,7 @@
<!-- konten utama --> <!-- konten utama -->
<div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" x-data="orderMobileAdd"> <div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" x-data="orderMobileAdd">
<div class="relative w-full lg:hidden"> <div class="relative w-full ">
<!-- Order Date --> <!-- Order Date -->
<label for="Order Date" <label for="Order Date"
class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"> class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600">
@@ -88,7 +88,7 @@
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- MRN --> <!-- MRN -->
<label for="MRN" <label for="MRN"
@@ -104,7 +104,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- SID --> <!-- SID -->
<label for="SID" <label for="SID"
@@ -120,7 +120,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- Name --> <!-- Name -->
<label for="Name" <label for="Name"
@@ -136,7 +136,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- DOB --> <!-- DOB -->
<label for="DOB" <label for="DOB"
@@ -197,7 +197,7 @@
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- pemeriksaan --> <!-- pemeriksaan -->
<label for="Pemeriksaan" <label for="Pemeriksaan"
@@ -253,7 +253,7 @@
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
</div> </div>
<div class="fixed bottom-0 left-0 w-full bg-white h-15 flex items-center align-middle shadow-custom p-4"> <div class="fixed bottom-0 left-0 w-full bg-white h-15 flex items-center align-middle shadow-custom p-4">

15
v1/order_mobile_edit.html
View File

@@ -28,7 +28,7 @@
<!-- konten utama --> <!-- konten utama -->
<div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" x-data="orderMobileEdit"> <div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" x-data="orderMobileEdit">
<div class="relative w-full lg:hidden"> <div class="relative w-full ">
<!-- Order Date --> <!-- Order Date -->
<label for="Order Date" <label for="Order Date"
class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600"> class="relative block rounded-md border border-gray-400 focus-within:border-blue-600 focus-within:ring-1 focus-within:ring-blue-600">
@@ -86,9 +86,8 @@
</div> </div>
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- MRN --> <!-- MRN -->
<label for="MRN" <label for="MRN"
@@ -104,7 +103,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- SID --> <!-- SID -->
<label for="SID" <label for="SID"
@@ -120,7 +119,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- Name --> <!-- Name -->
<label for="Name" <label for="Name"
@@ -136,7 +135,7 @@
</label> </label>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- DOB --> <!-- DOB -->
<label for="DOB" <label for="DOB"
@@ -197,7 +196,7 @@
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
<!-- pemeriksaan --> <!-- pemeriksaan -->
<label for="Pemeriksaan" <label for="Pemeriksaan"
@@ -253,7 +252,7 @@
</div> </div>
<!-- space 20 --> <!-- space 20 -->
<div class="mb-5 lg:mb-0"></div> <div class="mb-5 "></div>
</div> </div>
<div class="fixed bottom-0 left-0 w-full bg-white h-15 flex items-center align-middle shadow-custom p-4"> <div class="fixed bottom-0 left-0 w-full bg-white h-15 flex items-center align-middle shadow-custom p-4">

4
v1/settings_mobile_add.html
View File

@@ -30,10 +30,10 @@
<!-- konten utama --> <!-- konten utama -->
<div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" <div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]"
x-data="settingsPageMobileAdd"> x-data="settingsPageMobileAdd">
<div class="relative w-full lg:hidden"> <div class="relative w-full">
<!-- jenis dropdown --> <!-- jenis dropdown -->
<fieldset @click.outside="openJenis = false" class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1 <fieldset @click.outside="openJenis = false" class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1
focus-within:ring-blue-500 px-3 pt-2 pb-2 lg:hidden"> focus-within:ring-blue-500 px-3 pt-2 pb-2 ">
<span x-text="selectedJenis.idJenis != -1 ? 'Jenis' : selectedJenis.namaJenis" class="pointer-events-none absolute start-2.5 top-0 -translate-y-1/2 bg-white p-0.5 text-xs text-gray-700 transition-all <span x-text="selectedJenis.idJenis != -1 ? 'Jenis' : selectedJenis.namaJenis" class="pointer-events-none absolute start-2.5 top-0 -translate-y-1/2 bg-white p-0.5 text-xs text-gray-700 transition-all
peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:top-0 peer-focus:text-xs"> peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:top-0 peer-focus:text-xs">
</span> </span>

4
v1/settings_mobile_edit.html
View File

@@ -30,10 +30,10 @@
<!-- konten utama --> <!-- konten utama -->
<div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]" <div class="flex-1 flex flex-col lg:flex-row px-5 pt-6 overflow-auto h-[calc(100vh-60px)]"
x-data="settingsPageMobileEdit"> x-data="settingsPageMobileEdit">
<div class="relative w-full lg:hidden"> <div class="relative w-full ">
<!-- jenis dropdown --> <!-- jenis dropdown -->
<fieldset @click.outside="openJenis = false" class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1 <fieldset @click.outside="openJenis = false" class="relative border border-gray-400 rounded-md focus-within:border-blue-500 focus-within:ring-1
focus-within:ring-blue-500 px-3 pt-2 pb-2 lg:hidden"> focus-within:ring-blue-500 px-3 pt-2 pb-2 ">
<span x-text="selectedJenis.idJenis != -1 ? 'Jenis' : selectedJenis.namaJenis" class="pointer-events-none absolute start-2.5 top-0 -translate-y-1/2 bg-white p-0.5 text-xs text-gray-700 transition-all <span x-text="selectedJenis.idJenis != -1 ? 'Jenis' : selectedJenis.namaJenis" class="pointer-events-none absolute start-2.5 top-0 -translate-y-1/2 bg-white p-0.5 text-xs text-gray-700 transition-all
peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:top-0 peer-focus:text-xs"> peer-placeholder-shown:top-1/2 peer-placeholder-shown:text-sm peer-focus:top-0 peer-focus:text-xs">
</span> </span>