Remove custom checkbox code; use DaisyUI
This commit is contained in:
parent
afc887befc
commit
a2bed7a6b3
|
|
@ -92,19 +92,20 @@
|
|||
<input
|
||||
type="checkbox"
|
||||
id="shared-computer"
|
||||
class="peer cursor-pointer appearance-none w-5 h-5 border border-primary checked:bg-primary rounded-md align-bottom inline-grid place-content-center"
|
||||
class="peer checkbox checkbox-primary inline-grid align-bottom"
|
||||
/>
|
||||
<!-- Warning when "This is a shared computer" is checked -->
|
||||
<label
|
||||
for="shared-computer"
|
||||
class="cursor-pointer ml-1 text-sm text-slate-700 inline-grid"
|
||||
class="cursor-pointer ml-1 text-sm text-slate-700 grid-inline"
|
||||
>
|
||||
This is a shared computer
|
||||
</label>
|
||||
<label for="registration" class="label mt-1 hidden peer-checked:block">
|
||||
<span class="label-text-alt text-error text-left">
|
||||
For security reasons, AppName doesn't support shared computers at
|
||||
this time.
|
||||
<!-- TODO: Swap in application name for AppName -->
|
||||
For security reasons, AppName doesn't support shared computers at this
|
||||
time.
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -2,22 +2,6 @@
|
|||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
input[type='checkbox']::before {
|
||||
content: '';
|
||||
width: 0.65em;
|
||||
height: 0.65em;
|
||||
transform: scale(0);
|
||||
transition: 60ms transform ease-in-out;
|
||||
box-shadow: inset 1em 1em #fff;
|
||||
transform-origin: bottom left;
|
||||
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
input[type='checkbox']:checked::before {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.modal-box {
|
||||
@apply p-8;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue