update styling

This commit is contained in:
3zachm 2022-12-24 15:38:59 -08:00
parent 968d93a1ba
commit e8d337bfeb
2 changed files with 6 additions and 6 deletions

View file

@ -6,7 +6,7 @@ function NavBar() {
return (
<div className="m-3">
<m.div
className="flex min-h-[5rem] w-full flex-row items-center justify-between rounded-2xl bg-zinc-800 p-1 lg:h-full lg:w-24 lg:flex-col"
className="flex min-h-[5rem] w-full flex-row items-center justify-between rounded-2xl bg-zinc-800 bg-opacity-70 p-1 lg:h-full lg:w-24 lg:flex-col"
variants={navContainerVariants}
initial="initial"
animate="animate"

View file

@ -17,31 +17,31 @@ function Dashboard() {
animate="animate"
>
<m.div
className="col-span-1 m-2 rounded-2xl bg-zinc-800 p-3"
className="col-span-1 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3"
variants={gridItemVariants}
>
1
</m.div>
<m.div
className="col-span-1 row-span-3 m-2 rounded-2xl bg-zinc-800 p-3 lg:col-span-3 lg:row-span-1"
className="col-span-1 row-span-3 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3 lg:col-span-3 lg:row-span-1"
variants={gridItemVariants}
>
2
</m.div>
<m.div
className="col-span-1 m-2 rounded-2xl bg-zinc-800 p-3"
className="col-span-1 m-2 rounded-2xl bg-zinc-800 bg-opacity-80 p-3"
variants={gridItemVariants}
>
3
</m.div>
<m.div
className="col-span-1 row-span-4 m-2 rounded-2xl bg-zinc-800 p-3 lg:col-span-4 lg:row-span-1"
className="col-span-1 row-span-4 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3 lg:col-span-4 lg:row-span-1"
variants={gridItemVariants}
>
4
</m.div>
<m.div
className="col-span-1 m-2 rounded-2xl bg-zinc-800 p-3"
className="col-span-1 m-2 rounded-2xl bg-zinc-800 bg-opacity-70 p-3"
variants={gridItemVariants}
>
5