Remove custom checkbox code; use DaisyUI

This commit is contained in:
Jess Martin 2022-07-27 12:16:54 -04:00
parent afc887befc
commit a2bed7a6b3
2 changed files with 5 additions and 20 deletions

View File

@ -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>

View File

@ -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;
}