Fix gridpanel and graph overview panel colors
index.tsx, GraphOverview.tsx, and index.module.css
This commit is contained in:
@@ -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">
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user