round. . . ?

This commit is contained in:
legop3
2026-01-24 02:58:36 -05:00
parent b718de1e88
commit 8341328b51
9 changed files with 18 additions and 18 deletions
+1 -1
View File
@@ -90,7 +90,7 @@ export default function CommunityGoalBanner({ layout = 'desktop', className = ''
role="button"
tabIndex={0}
>
<span className="flex w-full items-stretch gap-0.5 whitespace-nowrap">
<span className="flex w-full items-stretch gap-0.5 whitespace-nowrap rounded-md">
<span className="flex flex-col justify-center border-r border-slate-700/60 px-0.5 text-[0.55em] font-semibold leading-tight text-slate-400">
<span>Community</span>
<span>Goal</span>
+1 -1
View File
@@ -12,7 +12,7 @@ export default function DiscordInviteButton({ text = "Join our Discord!", classN
href={discordInvite}
target="_blank"
rel="noopener noreferrer"
className={`inline-flex items-center w-full px-0.5 py-0.5 text-sm font-medium text-white rainbow-animate-bg transition justify-center gap-1 ${className}`}
className={`inline-flex items-center w-full px-0.5 py-0.5 text-sm font-medium text-white rainbow-animate-bg transition justify-center gap-1 rounded-md ${className}`}
// animated rainbow backgound
// className="inline-flex items-center px-3 py-2 bg-gradient-to-r from-indigo-500 via-purple-500 to-pink-500 text-white rounded hover:from-indigo-600 hover:via-purple-600 hover:to-pink-600 transition"
>
+1 -1
View File
@@ -12,7 +12,7 @@ export default function KoFiButton({ text = "Support me on Ko-fi!", className =
href={kofiLink}
target="_blank"
rel="noopener noreferrer"
className={`inline-flex items-center w-full px-0.5 py-0.5 text-sm font-medium text-white kofi-animate-bg transition justify-center gap-1 ${className}`}
className={`inline-flex items-center w-full px-0.5 py-0.5 text-sm font-medium text-white kofi-animate-bg transition justify-center gap-1 rounded-md ${className}`}
>
<FaCoffee className="mr-0" />
{text}
+1 -1
View File
@@ -12,7 +12,7 @@ function useTabsContext() {
const TAB_VARIANTS = {
primary: {
base: 'flex-1 px-0.5 py-0.5 text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-slate-500',
base: 'flex-1 px-0.5 py-0.5 text-sm font-medium transition-colors focus-visible:outline focus-visible:outline-1 focus-visible:outline-offset-1 focus-visible:outline-slate-500 rounded-md',
active: 'bg-sky-600 text-white',
inactive: 'bg-zinc-900 text-slate-300 hover:bg-sky-500 hover:text-white',
},
+8 -8
View File
@@ -44,35 +44,35 @@ body {
@layer components {
.panel {
@apply bg-black text-white p-0;
@apply bg-black text-white p-0 rounded-md;
}
.panel-section {
@apply bg-neutral-900 text-white p-0;
@apply bg-neutral-900 text-white p-0 rounded-md;
}
.panel-muted {
@apply text-sm text-slate-400;
@apply text-sm text-slate-400 rounded-md;
}
.surface {
@apply bg-neutral-800 text-white px-0.5 py-0.5;
@apply bg-neutral-800 text-white px-0.5 py-0.5 rounded-md;
}
.surface-muted {
@apply bg-neutral-700 text-neutral-100 px-0.5 py-0.5;
@apply bg-neutral-700 text-neutral-100 px-0.5 py-0.5 rounded-md;
}
.field-input {
@apply bg-neutral-800 text-white px-0.5 py-0.5 focus:outline-none focus:ring-1 focus:ring-sky-500;
@apply bg-neutral-800 text-white px-0.5 py-0.5 focus:outline-none focus:ring-1 focus:ring-sky-500 rounded-md;
}
.button-dark {
@apply px-0.5 py-0.5 text-sm font-medium text-white transition-colors bg-sky-600 hover:bg-sky-500;
@apply px-0.5 py-0.5 text-sm font-medium text-white transition-colors bg-sky-600 hover:bg-sky-500 rounded-md;
}
.button-danger {
@apply px-0.5 py-0.5 text-sm font-medium text-white transition-colors bg-rose-600 hover:bg-rose-500;
@apply px-0.5 py-0.5 text-sm font-medium text-white transition-colors bg-rose-600 hover:bg-rose-500 rounded-md;
}
.rainbow-animate-bg {