From 028a723a31901709d2995d6aef3a9fe261a48149 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Wed, 2 Apr 2025 17:52:31 +0200
Subject: [PATCH] Ensure we show logo also in login view on mobile

---
 dashboard/src/components/PublicPageLayout.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/dashboard/src/components/PublicPageLayout.vue b/dashboard/src/components/PublicPageLayout.vue
index b8e2936b9..4e0f0e0ab 100644
--- a/dashboard/src/components/PublicPageLayout.vue
+++ b/dashboard/src/components/PublicPageLayout.vue
@@ -15,10 +15,11 @@ const props = defineProps({
   <div class="public-page-layout">
     <div class="public-page-layout-root">
       <div class="public-page-layout-left pankow-no-mobile" :style="{ 'background-image': `url('${API_ORIGIN}/api/v1/cloudron/background')` }">
-        <img width="128" height="128" :src="`${API_ORIGIN}/api/v1/cloudron/avatar`"/>
+        <img width="128" height="128" class="cloudron-avatar" :src="`${API_ORIGIN}/api/v1/cloudron/avatar`"/>
       </div>
 
       <div class="public-page-layout-right">
+        <img class="public-page-layout-mobile-logo cloudron-avatar" width="128" height="128" :src="`${API_ORIGIN}/api/v1/cloudron/avatar`"/>
         <slot></slot>
       </div>
     </div>
@@ -84,7 +85,19 @@ const props = defineProps({
   justify-content: center;
 }
 
+.cloudron-avatar {
+  border-radius: 10px;
+}
+
+.public-page-layout-mobile-logo {
+  display: none;
+}
+
 @media (max-width: 576px) {
+  .public-page-layout-mobile-logo {
+    display: block;
+  }
+
   .public-page-layout-right {
     text-align: center;
     display: flex;