jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Ensure we show logo also in login view on mobile

Browse Source
This commit is contained in:
Johannes Zellner
2025-04-02 17:52:31 +02:00
parent 05705be7c3
commit 028a723a31
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
dashboard/src/components/PublicPageLayout.vue
View File

@@ -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;