From 02c4c42c0208a98d5cfdec9d63e84e01894fa92c Mon Sep 17 00:00:00 2001
From: Vasily Zubarev <me@vas3k.ru>
Date: Tue, 18 Mar 2025 23:44:42 +0100
Subject: [PATCH] style: css fixes

---
 app/page.tsx                             | 2 +-
 components/dashboard/unsorted-widget.tsx | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/app/page.tsx b/app/page.tsx
index 53625c7..b8a7d16 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -14,7 +14,7 @@ export default async function Home({ searchParams }: { searchParams: Promise<Tra
 
   return (
     <div className="flex flex-col gap-5 p-5 w-full max-w-7xl self-center">
-      <div className="flex flex-col sm:flex-row gap-5 items-stretch">
+      <div className="flex flex-col sm:flex-row gap-5 items-stretch h-full">
         <DashboardDropZoneWidget />
 
         <DashboardUnsortedWidget files={unsortedFiles} />
diff --git a/components/dashboard/unsorted-widget.tsx b/components/dashboard/unsorted-widget.tsx
index 3cab5c1..a7e5c3c 100644
--- a/components/dashboard/unsorted-widget.tsx
+++ b/components/dashboard/unsorted-widget.tsx
@@ -2,7 +2,7 @@
 
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { File } from "@prisma/client"
-import { FilePlus, PartyPopper } from "lucide-react"
+import { Cake, FilePlus } from "lucide-react"
 import Link from "next/link"
 
 export default function DashboardUnsortedWidget({ files }: { files: File[] }) {
@@ -33,9 +33,8 @@ export default function DashboardUnsortedWidget({ files }: { files: File[] }) {
             </Link>
           ))}
           {files.length == 0 && (
-            <div className="flex flex-col items-center justify-center gap-2 text-sm text-muted-foreground h-full min-h-[100px]">
-              <PartyPopper className="w-5 h-5" />
-              <span>Everything is clear! Congrats!</span>
+            <div className="flex flex-col items-center justify-center gap-2 text-sm h-full min-h-[100px] opacity-30">
+              <Cake className="w-8 h-8" />
             </div>
           )}
         </div>