Fix gridpanel and graph overview panel colors

index.tsx, GraphOverview.tsx, and index.module.css
This commit is contained in:
jerlendds
2024-01-03 12:57:46 -07:00
parent 231953956c
commit b3d424bda4
3 changed files with 3 additions and 3 deletions

View File

@@ -27,7 +27,7 @@ export function GridPanel({
return (
<>
<div
className="min-h-[3rem] overflow-hidden rounded flex flex-col w-full h-full border border-mirage-400/60 from-mirage-400/50 to-mirage-400/30 shadow bg-gradient-to-tl from-10% "
className="min-h-[3rem] overflow-hidden rounded flex flex-col w-full h-full border border-mirage-400/60 from-mirage-300/30 bg-gradient-to-tr from-40% to-mirage-100/20 shadow "
>
<ol className="text-sm flex select-none justify-between relative px-2 py-2">
<li className="flex items-start">

View File

@@ -20,7 +20,7 @@ export default function GraphOverview() {
return <>
<div className="w-full items-center justify-center my-14">
<div className="grid place-items-center relative z-10 text-slate-400">
<div className="from-mirage-400/30 bg-gradient-to-tr from-40% to-mirage-300/10 border-mirage-400 border rounded-md grid place-items-center my-8 py-16 px-4 md:px-16 lg:px-20">
<div className="from-mirage-300/30 bg-gradient-to-tr from-40% to-mirage-100/20 border-mirage-400 border rounded-md grid place-items-center my-8 py-16 px-4 md:px-16 lg:px-20">
{favoriteGraphs.length === 0 && graphs.length === 0 && (
<>
<h1 className="text-slate-300 text-3xl lg:text-4xl font-bold pt-12 sm:pt-14 lg:pt-8 ">Oh no!</h1>

View File

@@ -1,6 +1,6 @@
/* wraps the sidebar with search and the main view */
.sidebar-wrapper {
@apply rounded py-px !min-w-[20rem] max-w-[20rem] flex-col h-[99vh] pt-3.5 border-r-2 from-mirage-600/40 to-mirage-600/50 bg-gradient-to-br border-mirage-600/70 justify-between shadow-xl flex relative w-full pl-1
@apply rounded py-px !min-w-[20rem] max-w-[20rem] flex-col h-screen pt-3.5 border-r-2 from-mirage-600/40 to-mirage-600/50 bg-gradient-to-br border-mirage-600/70 justify-between shadow-xl flex relative w-full pl-1
}
.search-container {