mirror of
https://github.com/legop3/MultiRoombaRover.git
synced 2026-09-15 17:12:59 -04:00
cardframe coloring adjustments and such
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
@@ -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>
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user