legop3/MultiRoombaRover
1
0
Fork 0
mirror of https://github.com/legop3/MultiRoombaRover.git synced 2026-09-16 01:21:20 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

cardframe coloring adjustments and such

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
server/public/assets/index-PXEt8KKN.js
+125
View File
File diff suppressed because one or more lines are too long
server/public/assets/index-pKWNdcBu.js
-125
View File
File diff suppressed because one or more lines are too long
server/public/index.html
+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-status-bar-style" content="black-translucent" />
<meta name="apple-mobile-web-app-title" content="Roomba Rover" /> <meta name="apple-mobile-web-app-title" content="Roomba Rover" />
<title>Roomba Rover</title> <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"> <link rel="stylesheet" crossorigin href="/assets/index-BvjNDQTC.css">
</head> </head>
<body> <body>
webui/src/components/CardFrame/index.jsx
+2 -2
View File
@@ -50,7 +50,7 @@ export default function CardFrame({
return rover?.color || null; return rover?.color || null;
}); });
const accentRgb = hexToRgb(ownRoverColor); 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 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%)`, 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 ( return (
<section <section
className={cx( 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', clipOverflow ? 'overflow-hidden' : 'overflow-visible',
fillHeight && 'flex h-full min-h-0 flex-col', fillHeight && 'flex h-full min-h-0 flex-col',
className, className,