mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
round. . . ?
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
>
|
||||
|
||||
@@ -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}
|
||||
|
||||
@@ -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
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user