aa24b9d6bd
* Light mode style fixes * Fix dismissing onboarding for nested routes * Refactor: move export button to user side panel * Refactor: add project data to modeling page loader * Add new ProjectSidebarMenu * Convert AppHeader to use ProjectSidebarMenu * Move ExportButton to ProjectSidebarMenu * Fix: hide default dir setting in Web * Add DownloadAppBanner when in Prod * Add unit tests to ProjectSidebarMenu * Tiny CSS rounding tweak to sidebars * Fix formatting in unit tests * Update icons and logos to use full-color Kitt * Fix: dim UI on camera drag, not click
41 lines
890 B
CSS
41 lines
890 B
CSS
.toggle {
|
|
@apply flex items-center gap-2 w-fit;
|
|
--toggle-size: 1.25rem;
|
|
--padding: 0.25rem;
|
|
}
|
|
|
|
.toggle:focus-within > span {
|
|
@apply outline-none ring-2;
|
|
}
|
|
|
|
.toggle input {
|
|
@apply sr-only;
|
|
}
|
|
|
|
.toggle > span {
|
|
@apply relative rounded border border-chalkboard-110 hover:border-chalkboard-100 cursor-pointer;
|
|
width: calc(2 * (var(--toggle-size) + var(--padding)));
|
|
height: calc(var(--toggle-size) + var(--padding));
|
|
}
|
|
|
|
:global(.dark) .toggle > span {
|
|
@apply border-chalkboard-40 hover:border-chalkboard-30;
|
|
}
|
|
|
|
.toggle > span::after {
|
|
content: '';
|
|
@apply absolute w-4 h-4 rounded-sm bg-chalkboard-110;
|
|
top: 50%;
|
|
left: 50%;
|
|
translate: calc(-100% - var(--padding)) -50%;
|
|
transition: translate 0.08s ease-out;
|
|
}
|
|
|
|
:global(.dark) .toggle > span::after {
|
|
@apply bg-chalkboard-10;
|
|
}
|
|
|
|
.toggle input:checked + span::after {
|
|
translate: calc(50% - var(--padding)) -50%;
|
|
}
|