From 21f7475616959a83a43115b10c34f6b032605a00 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carl-Gerhard=20Lindesva=CC=88rd?= <lindesvard@gmail.com>
Date: Tue, 19 Mar 2024 22:49:05 +0100
Subject: [PATCH] dashboard: improve sharable in mobile

---
 apps/dashboard/src/app/(public)/share/overview/[id]/page.tsx | 4 ++--
 apps/dashboard/src/components/Logo.tsx                       | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/dashboard/src/app/(public)/share/overview/[id]/page.tsx b/apps/dashboard/src/app/(public)/share/overview/[id]/page.tsx
index c30983e9..b8253f86 100644
--- a/apps/dashboard/src/app/(public)/share/overview/[id]/page.tsx
+++ b/apps/dashboard/src/app/(public)/share/overview/[id]/page.tsx
@@ -42,10 +42,10 @@ export default async function Page({ params: { id } }: PageProps) {
             </h1>
           </div>
           <a href="https://openpanel.dev?utm_source=openpanel.dev&utm_medium=share">
-            <Logo className="text-white" />
+            <Logo className="text-white max-sm:[&_span]:hidden" />
           </a>
         </div>
-        <div className="bg-slate-100 rounded-lg shadow ring-8 ring-blue-600/50">
+        <div className="max-sm:-mx-3 bg-slate-100 rounded-lg shadow ring-8 ring-blue-600/50">
           <StickyBelowHeader>
             <div className="p-4 flex gap-2 justify-between">
               <div className="flex gap-2">
diff --git a/apps/dashboard/src/components/Logo.tsx b/apps/dashboard/src/components/Logo.tsx
index 590ee1e3..700db902 100644
--- a/apps/dashboard/src/components/Logo.tsx
+++ b/apps/dashboard/src/components/Logo.tsx
@@ -20,7 +20,7 @@ export function Logo({ className }: LogoProps) {
       className={cn('text-xl font-medium flex gap-2 items-center', className)}
     >
       <LogoSquare className="max-h-8" />
-      openpanel.dev
+      <span>openpanel.dev</span>
     </div>
   );
 }