mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
round. . . ?
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -11,8 +11,8 @@
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
|
||||
<meta name="apple-mobile-web-app-title" content="Multi Roomba Rover" />
|
||||
<title>Multi Roomba Rover</title>
|
||||
<script type="module" crossorigin src="/assets/index-CGvoGgz3.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-GYsISCRb.css">
|
||||
<script type="module" crossorigin src="/assets/index-CEVMLwfj.js"></script>
|
||||
<link rel="stylesheet" crossorigin href="/assets/index-5vqbgc7L.css">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
@@ -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