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

Checkboxes should have cursor pointers

This commit is contained in:
Jess Martin 2022-07-20 17:00:22 -04:00
parent c526fd7285
commit 98284d983f
2 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,11 +31,11 @@
<input <input
type="checkbox" type="checkbox"
id="shared-computer" id="shared-computer"
class="appearance-none w-5 h-5 border border-primary checked:bg-primary rounded-md align-bottom inline-grid place-content-center" class="cursor-pointer appearance-none w-5 h-5 border border-primary checked:bg-primary rounded-md align-bottom inline-grid place-content-center"
/> />
<label <label
for="shared-computer" for="shared-computer"
class="ml-1 text-sm text-slate-700 inline-grid" class="cursor-pointer ml-1 text-sm text-slate-700 inline-grid"
>This is a shared computer</label >This is a shared computer</label
> >
</div> </div>

1
src/global.css
View File

@ -11,6 +11,7 @@ input[type='checkbox']::before {
box-shadow: inset 1em 1em #fff; box-shadow: inset 1em 1em #fff;
transform-origin: bottom left; transform-origin: bottom left;
clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
cursor: pointer;
} }
input[type='checkbox']:checked::before { input[type='checkbox']:checked::before {