jeffemmett
/
odd-app-template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/auth/Register.svelte
View File

@ -92,19 +92,20 @@
<input <input
type="checkbox" type="checkbox"
id="shared-computer" 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 --> <!-- Warning when "This is a shared computer" is checked -->
<label <label
for="shared-computer" 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 This is a shared computer
</label> </label>
<label for="registration" class="label mt-1 hidden peer-checked:block"> <label for="registration" class="label mt-1 hidden peer-checked:block">
<span class="label-text-alt text-error text-left"> <span class="label-text-alt text-error text-left">
For security reasons, AppName doesn't support shared computers at <!-- TODO: Swap in application name for AppName -->
this time. For security reasons, AppName doesn't support shared computers at this
time.
</span> </span>
</label> </label>
</div> </div>

16
src/global.css
View File

@ -2,22 +2,6 @@
@tailwind components; @tailwind components;
@tailwind utilities; @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 { .modal-box {
@apply p-8; @apply p-8;
} }