Refine the appearance of the main business location card on the dashboard

Modify styling of the store card in Dashboard.tsx and add attached assets.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 91318273-c764-4fd4-be04-bdc12c38af32
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/0715008c-7244-40f4-befc-26c014852236/eb6cb90a-d30e-48de-af01-ee5dec256e37.jpg
This commit is contained in:
michaelschal committed 2025-07-09 21:39:51 +00:00
1 parent 2ab9dbfc94
commit 7d47539a99
2 files changed
+3 -4

No files matched your search

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

+3 -4
View File
@@ -118,12 +118,11 @@ function DashboardContent() {
<div className="mb-6 sm:mb-8 slide-in-up">
<Card className="modern-card-elevated overflow-hidden">
<CardContent className="mobile-card-content">
<div className="flex items-start gap-4 sm:gap-6">
<div className="relative flex-shrink-0 mt-1">
<div className="p-2 sm:p-3 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg sm:rounded-xl shadow-lg">
<div className="flex items-center gap-3 sm:gap-4">
<div className="relative flex-shrink-0">
<div className="w-10 h-10 sm:w-12 sm:h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg shadow-md flex items-center justify-center">
<Building2 className="h-5 w-5 sm:h-6 sm:w-6 text-white" />
</div>
<div className="absolute -inset-1 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg sm:rounded-xl blur opacity-20 -z-10"></div>
</div>
<div className="flex-1 min-w-0">
<h2 className="text-xl sm:text-2xl font-bold text-foreground mb-2 truncate">{selectedStore.name}</h2>