trev/trevstack
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Releases 9 Activity

fix: better mobile support

Browse Source
This commit is contained in:
trev
2025-05-13 10:07:35 -04:00
parent d91c90a5c2
commit 06dc437033
10 changed files with 15 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/lib/ui/avatar/avatar-fallback.svelte
View File

@ -13,7 +13,7 @@
bind:ref
data-slot="avatar-fallback"
class={cn(
'bg-surface outline-surface-2 flex size-full items-center justify-center rounded-full text-sm transition-all select-none',
'bg-surface flex size-full items-center justify-center rounded-full text-sm transition-all select-none',
className
)}
{...restProps}

3
client/src/lib/ui/avatar/avatar.svelte
View File

@ -13,7 +13,8 @@
bind:ref
data-slot="avatar"
class={cn(
'outline-surface-1 relative flex size-9 shrink-0 overflow-hidden rounded-full outline outline-offset-2',
'outline-surface-1 relative flex size-9 shrink-0 overflow-hidden rounded-full shadow-xs outline outline-offset-2',
className
)}
{...restProps}

4
client/src/lib/ui/button/button.svelte
View File

@ -7,7 +7,7 @@
export const buttonVariants = tv({
base: cn(
'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap shadow-xs transition-all',
'inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all',
// Focus
'focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2',
@ -24,7 +24,7 @@
red: 'text-crust bg-red hover:bg-red/90 shadow-xs',
outline: 'text-text border-surface-1 hover:bg-surface border bg-transparent shadow-xs',
input: 'text-text border-surface-1 hover:border-overlay border bg-transparent shadow-xs',
ghost: 'text-text hover:bg-surface shadow-xs'
ghost: 'text-text hover:bg-surface'
},
size: {
default: 'h-9 px-4 py-2 has-[>svg]:px-3',

2
client/src/lib/ui/pagination/pagination-link.svelte
View File

@ -33,7 +33,7 @@
size
}),
'text-text',
isActive && 'bg-surface-1',
isActive && 'bg-surface',
className
)}
children={children || Fallback}

2
client/src/lib/ui/range-calendar/range-calendar-day.svelte
View File

@ -17,7 +17,7 @@
class={cn(
buttonVariants({ variant: 'ghost' }),
'size-9 p-0 font-normal',
'[&[data-today]:not([data-selected])]:bg-blue [&[data-today]:not([data-selected])]:text-crust [&[data-today]:not([data-selected])]:rounded-md',
'[&[data-today]:not([data-selected])]:bg-accent [&[data-today]:not([data-selected])]:text-crust [&[data-today]:not([data-selected])]:rounded-md',
// Selected
'data-[selected]:bg-surface data-[selected]:hover:bg-surface-1 data-[selected]:rounded-none data-[selected]:opacity-100',
// Selection Start

2
client/src/lib/ui/sonner/sonner.svelte
View File

@ -12,7 +12,7 @@
'bg-based text-sm flex gap-2 px-4 border border-surface-1 p-2 rounded-md items-center text-text w-full min-h-12',
title: 'text-text',
description: 'text-subtext text-xs',
actionButton: 'bg-blue',
actionButton: 'bg-accent',
cancelButton: 'bg-red',
closeButton: 'bg-green'
}