tempblade/creator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add app readme

Browse Source 
lots of styling improvements
fix dark/bright mode
This commit is contained in:
Enrico Bühler
2023-06-21 13:10:01 +02:00
parent e8b6fcdbba
commit 5791b61a48
22 changed files with 210 additions and 212 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/ToggleGroup.tsx
View File

@@ -12,9 +12,9 @@ const ToggleGroupItem: FC<{
data-selected={selected}
asChild
onClick={onClick}
className="hover:bg-indigo-600 text-white data-[selected=true]:bg-indigo-700
className="hover:bg-primary/30 text-main data-[selected=true]:bg-primary/60
data-[selected=true]:text-indigo-200 flex h-6 w-6
items-center justify-center bg-slate-800 text-sm leading-4
items-center justify-center bg-neutral text-sm leading-4
first:rounded-l last:rounded-r focus:z-10 focus:shadow-[0_0_0_2px] focus:shadow-black
focus:outline-none transition-colors"
value="left"
@@ -29,7 +29,7 @@ const ToggleGroupItem: FC<{
const ToggleGroup: FC<{ children: ReactNode }> = ({ children }) => (
<ToggleGroupComponents.Root
className="inline-flex my-auto bg-slate-800 h-fit rounded shadow-[0_2px_10px] shadow-black space-x-px"
className="inline-flex my-auto bg-neutral-accent h-fit rounded shadow-[0_2px_10px] shadow-black space-x-px"
type="single"
defaultValue="center"
aria-label="Text alignment"