cardframe coloring adjustments and such

This commit is contained in:
legop3
2026-06-02 00:19:39 -04:00
parent 33cba41abb
commit e1f8000cce
4 changed files with 128 additions and 128 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+1 -1
View File
@@ -11,7 +11,7 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title>
<script type="module" crossorigin src="/assets/index-pKWNdcBu.js"></script>
<script type="module" crossorigin src="/assets/index-PXEt8KKN.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BvjNDQTC.css">
</head>
<body>
+2 -2
View File
@@ -50,7 +50,7 @@ export default function CardFrame({
return rover?.color || null;
});
const accentRgb = hexToRgb(ownRoverColor);
const cardStyle = accentRgb ? { borderColor: rgba(accentRgb, 0.35) } : undefined;
const cardStyle = accentRgb ? { borderColor: rgba(accentRgb, 0.5) } : undefined;
const headerStyle = accentRgb
? {
backgroundImage: `linear-gradient(90deg, rgba(23,23,23,0.96) 0%, rgba(38,38,38,0.94) 30%, ${rgba(accentRgb, 0.28)} 100%)`,
@@ -60,7 +60,7 @@ export default function CardFrame({
return (
<section
className={cx(
'panel-section border-2 border-neutral-500/60 bg-neutral-900/95',
'panel-section border border-neutral-500/60 bg-neutral-900/95',
clipOverflow ? 'overflow-hidden' : 'overflow-visible',
fillHeight && 'flex h-full min-h-0 flex-col',
className,