mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-18 22:55:55 +01:00
parent b43a23a48c
commit aeaa43f4d3
179 changed files with 4736 additions and 6832 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
apps/website/ui/primitives/Surface.tsx
View File

@@ -16,7 +16,7 @@ import { ThemeRadii, ThemeShadows } from '../theme/Theme';
export interface SurfaceProps<T extends ElementType = 'div'> extends BoxProps<T> {
as?: T;
children?: ReactNode;
variant?: 'default' | 'dark' | 'muted' | 'glass' | 'discord' | 'gradient-blue' | 'gradient-gold' | 'gradient-purple' | 'gradient-green' | 'discord-inner' | 'outline';
variant?: 'default' | 'dark' | 'muted' | 'glass' | 'discord' | 'gradient-blue' | 'gradient-gold' | 'gradient-purple' | 'gradient-green' | 'discord-inner' | 'outline' | 'rarity-common' | 'rarity-rare' | 'rarity-epic' | 'rarity-legendary';
rounded?: keyof ThemeRadii | 'none';
shadow?: keyof ThemeShadows | 'none';
}
@@ -62,6 +62,22 @@ export const Surface = forwardRef(<T extends ElementType = 'div'>(
outline: {
backgroundColor: 'transparent',
border: '1px solid var(--ui-color-border-default)'
},
'rarity-common': {
backgroundColor: 'rgba(107, 114, 128, 0.1)',
border: '1px solid rgba(107, 114, 128, 0.5)'
},
'rarity-rare': {
backgroundColor: 'rgba(96, 165, 250, 0.1)',
border: '1px solid rgba(96, 165, 250, 0.5)'
},
'rarity-epic': {
backgroundColor: 'rgba(192, 132, 252, 0.1)',
border: '1px solid rgba(192, 132, 252, 0.5)'
},
'rarity-legendary': {
backgroundColor: 'rgba(255, 190, 77, 0.1)',
border: '1px solid rgba(255, 190, 77, 0.5)'
}
};