From 7c4ad72e7534304a3ed9f961580101fdc70bd518 Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Mon, 1 Jun 2026 12:54:04 +0200
Subject: [PATCH 1/4] fix: some logos won't be shown in top bar

---
 packages/web-runtime/src/components/Topbar/TopBar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-runtime/src/components/Topbar/TopBar.vue b/packages/web-runtime/src/components/Topbar/TopBar.vue
index 5f052f2b77..d5ea01b1df 100644
--- a/packages/web-runtime/src/components/Topbar/TopBar.vue
+++ b/packages/web-runtime/src/components/Topbar/TopBar.vue
@@ -15,7 +15,7 @@
           <oc-image
             :src="currentTheme.logo"
             :alt="sidebarLogoAlt"
-            class="oc-logo-image align-middle ml-1 max-h-[28px] select-none"
+            class="oc-logo-image align-middle ml-1 h-[28px] w-auto select-none"
           />
         </picture>
       </router-link>

From b7b19a94cd2913af982538e574ac36dc4c1c5af8 Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Tue, 2 Jun 2026 13:32:45 +0200
Subject: [PATCH 2/4] adjust logo in the redirect pages

---
 .../src/components/OcCard/OcCard.vue              | 15 +--------------
 .../__snapshots__/ResourceTiles.spec.ts.snap      |  6 ++++--
 packages/web-runtime/src/pages/accessDenied.vue   |  2 +-
 packages/web-runtime/src/pages/logout.vue         |  2 +-
 .../src/pages/missingOrInvalidConfig.vue          |  2 +-
 packages/web-runtime/src/pages/oidcCallback.vue   |  2 +-
 .../web-runtime/src/pages/resolvePublicLink.vue   |  2 +-
 .../pages/__snapshots__/accessDenied.spec.ts.snap |  6 +++---
 8 files changed, 13 insertions(+), 24 deletions(-)

diff --git a/packages/design-system/src/components/OcCard/OcCard.vue b/packages/design-system/src/components/OcCard/OcCard.vue
index 442521ac23..33aba2f44f 100644
--- a/packages/design-system/src/components/OcCard/OcCard.vue
+++ b/packages/design-system/src/components/OcCard/OcCard.vue
@@ -2,13 +2,6 @@
   <component :is="tag" class="oc-card">
     <div v-if="hasSlotHeader" class="oc-card-header" :class="headerClass">
       <slot name="header">
-        <img
-          v-if="logoUrl"
-          :src="logoUrl"
-          alt=""
-          :aria-hidden="true"
-          class="max-w-48 max-h-48 absolute -translate-y-16"
-        />
         <component :is="titleTag" v-if="title" class="mt-0">
           {{ title }}
         </component>
@@ -41,11 +34,6 @@ export interface Props {
    * @default 'h2'
    */
   titleTag?: string
-  /**
-   * @docs The url of the logo to be rendered in the header of this card.
-   * @default ''
-   */
-  logoUrl?: string
   /**
    * @docs The classes to be applied on the card header
    * @default ''
@@ -82,7 +70,6 @@ const {
   tag = 'div',
   title,
   titleTag = 'h2',
-  logoUrl = '',
   headerClass = '',
   bodyClass = '',
   footerClass = ''
@@ -91,7 +78,7 @@ const {
 const slots = defineSlots<Slots>()
 
 const hasSlotHeader = computed(() => {
-  return Object.hasOwn(slots, 'header') || !!unref(title) || !!unref(logoUrl)
+  return Object.hasOwn(slots, 'header') || !!unref(title)
 })
 const hasSlotFooter = computed(() => {
   return Object.hasOwn(slots, 'footer')
diff --git a/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap b/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap
index 31c55725a4..de44f47f2b 100644
--- a/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap
+++ b/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap
@@ -18,7 +18,8 @@ exports[`ResourceTiles component > renders an array of spaces correctly 1`] = `
   </div>
   <ul data-v-67d39700="" class="oc-list oc-tiles grid justify-start gap-3">
     <li data-v-67d39700="" class="oc-tiles-item has-item-context-menu">
-      <div data-v-67d39700="" class="oc-card oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest" data-item-id="1" draggable="false">
+      <!--v-if-->
+      <div class="oc-card w-full sm:w-sm">
         <!--v-if-->
         <div class="oc-card-body p-0"><a data-v-88f32d7c="" attrs="[object Object]" target="_self" draggable="false" class="oc-resource-link max-w-full oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]" tabindex="-1"></a>
           <div class="p-2">
@@ -63,7 +64,8 @@ exports[`ResourceTiles component > renders an array of spaces correctly 1`] = `
       </div>
     </li>
     <li data-v-67d39700="" class="oc-tiles-item has-item-context-menu">
-      <div data-v-67d39700="" class="oc-card oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest" data-item-id="2" draggable="false">
+      <!--v-if-->
+      <div class="oc-card w-full sm:w-sm">
         <!--v-if-->
         <div class="oc-card-body p-0"><a data-v-88f32d7c="" attrs="[object Object]" target="_self" draggable="false" class="oc-resource-link max-w-full oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]" tabindex="-1"></a>
           <div class="p-2">
diff --git a/packages/web-runtime/src/pages/accessDenied.vue b/packages/web-runtime/src/pages/accessDenied.vue
index 22cf1f4931..73bed56318 100644
--- a/packages/web-runtime/src/pages/accessDenied.vue
+++ b/packages/web-runtime/src/pages/accessDenied.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-screen flex flex-col justify-center items-center p-4">
+    <img v-if="logoImg" :src="logoImg" alt="" :aria-hidden="true" class="max-w-48 max-h-48 mb-4" />
     <oc-card
-      :logo-url="logoImg"
       :title="cardTitle"
       body-class="text-center"
       header-class="text-center"
diff --git a/packages/web-runtime/src/pages/logout.vue b/packages/web-runtime/src/pages/logout.vue
index abe41b89de..18d89df65e 100644
--- a/packages/web-runtime/src/pages/logout.vue
+++ b/packages/web-runtime/src/pages/logout.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-screen flex flex-col justify-center items-center p-4">
+    <img v-if="logoImg" :src="logoImg" alt="" :aria-hidden="true" class="max-w-48 max-h-48 mb-4" />
     <oc-card
-      :logo-url="logoImg"
       :title="cardTitle"
       body-class="text-center"
       header-class="text-center"
diff --git a/packages/web-runtime/src/pages/missingOrInvalidConfig.vue b/packages/web-runtime/src/pages/missingOrInvalidConfig.vue
index 2448a27d15..372687992c 100644
--- a/packages/web-runtime/src/pages/missingOrInvalidConfig.vue
+++ b/packages/web-runtime/src/pages/missingOrInvalidConfig.vue
@@ -3,8 +3,8 @@
     class="bg-role-chrome h-dvh max-h-dvh overflow-y-hidden flex flex-col justify-center items-center p-4"
   >
     <h1 class="sr-only" v-text="$gettext('Error')" />
+    <img v-if="logoImg" :src="logoImg" alt="" :aria-hidden="true" class="max-w-48 max-h-48 mb-4" />
     <oc-card
-      :logo-url="logoImg"
       :title="$gettext('Missing or invalid config')"
       body-class="text-center"
       header-class="text-center"
diff --git a/packages/web-runtime/src/pages/oidcCallback.vue b/packages/web-runtime/src/pages/oidcCallback.vue
index ab62c85f68..24fdfd5d32 100644
--- a/packages/web-runtime/src/pages/oidcCallback.vue
+++ b/packages/web-runtime/src/pages/oidcCallback.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="h-screen flex flex-col justify-center items-center">
+    <img v-if="logoImg" :src="logoImg" alt="" :aria-hidden="true" class="max-w-48 max-h-48 mb-4" />
     <oc-card
-      :logo-url="logoImg"
       :title="cardTitle"
       body-class="w-sm text-center"
       class="rounded-lg"
diff --git a/packages/web-runtime/src/pages/resolvePublicLink.vue b/packages/web-runtime/src/pages/resolvePublicLink.vue
index 33f3e3c1f7..3477f584da 100644
--- a/packages/web-runtime/src/pages/resolvePublicLink.vue
+++ b/packages/web-runtime/src/pages/resolvePublicLink.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="oc-link-resolve h-screen flex flex-col justify-center items-center p-4">
+    <img v-if="logoImg" :src="logoImg" alt="" :aria-hidden="true" class="max-w-48 max-h-48 mb-4" />
     <oc-card
-      :logo-url="logoImg"
       :title="headerTitle"
       body-class="text-center"
       header-class="text-center"
diff --git a/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap b/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap
index 0f2159e379..fb53a62dc4 100644
--- a/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap
+++ b/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap
@@ -1,9 +1,9 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`access denied page > renders component 1`] = `
-"<div class="h-screen flex flex-col justify-center items-center p-4">
-  <div class="oc-card w-full sm:w-sm rounded-lg">
-    <div class="oc-card-header text-center"><img src="themes/opencloud/assets/logo.svg" alt="" aria-hidden="true" class="max-w-48 max-h-48 absolute -translate-y-16">
+"<div class="h-screen flex flex-col justify-center items-center p-4"><img src="themes/opencloud/assets/logo.svg" alt="" aria-hidden="true" class="max-w-48 max-h-48 mb-4">
+  <div class="oc-card w-full sm:w-sm">
+    <div class="oc-card-header text-center">
       <h2 class="mt-0">Not logged in</h2>
     </div>
     <div class="oc-card-body text-center">

From f1ea4b06072addbb335f4fe2687f1a62a25fff41 Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Tue, 2 Jun 2026 14:10:07 +0200
Subject: [PATCH 3/4] fix format

---
 packages/web-runtime/src/pages/oidcCallback.vue | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/packages/web-runtime/src/pages/oidcCallback.vue b/packages/web-runtime/src/pages/oidcCallback.vue
index 24fdfd5d32..b993141d6f 100644
--- a/packages/web-runtime/src/pages/oidcCallback.vue
+++ b/packages/web-runtime/src/pages/oidcCallback.vue
@@ -1,11 +1,7 @@
 <template>
   <div class="h-screen flex flex-col justify-center items-center">
     <img v-if="logoImg" :src="logoImg" alt="" :aria-hidden="true" class="max-w-48 max-h-48 mb-4" />
-    <oc-card
-      :title="cardTitle"
-      body-class="w-sm text-center"
-      class="rounded-lg"
-    >
+    <oc-card :title="cardTitle" body-class="w-sm text-center" class="rounded-lg">
       <p v-text="cardHint" />
       <template #footer>
         <p v-text="footerSlogan" />

From 487401f92c7b3d03406fde839f37b5f12124c8fa Mon Sep 17 00:00:00 2001
From: Alexander Ackermann <abackermann91@gmail.com>
Date: Tue, 2 Jun 2026 14:39:33 +0200
Subject: [PATCH 4/4] update snapshots

---
 .../FilesList/__snapshots__/ResourceTile.spec.ts.snap       | 4 ++--
 .../FilesList/__snapshots__/ResourceTiles.spec.ts.snap      | 6 ++----
 .../unit/pages/__snapshots__/accessDenied.spec.ts.snap      | 2 +-
 3 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTile.spec.ts.snap b/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTile.spec.ts.snap
index 9e84a821e5..c5ebd8cd9d 100644
--- a/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTile.spec.ts.snap
+++ b/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTile.spec.ts.snap
@@ -1,7 +1,7 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
 exports[`OcTile component > renders default space correctly 1`] = `
-"<oc-card-stub tag="div" titletag="h2" logourl="" headerclass="" bodyclass="p-0" footerclass="" class="oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest" data-item-id="1">
+"<oc-card-stub tag="div" titletag="h2" headerclass="" bodyclass="p-0" footerclass="" class="oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest" data-item-id="1">
   <resource-link-stub resource="[object Object]" isresourceclickable="true" class="oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]" tabindex="-1">
     <div class="z-10 absolute top-0 left-0 [&amp;_input]:not-[.oc-checkbox-checked]:bg-role-surface-container"></div>
     <!--v-if-->
@@ -26,7 +26,7 @@ exports[`OcTile component > renders default space correctly 1`] = `
 `;
 
 exports[`OcTile component > renders disabled space correctly 1`] = `
-"<oc-card-stub tag="div" titletag="h2" logourl="" headerclass="" bodyclass="p-0" footerclass="" class="oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest oc-tile-card-disabled opacity-70 grayscale-60 pointer-events-none" data-item-id="1">
+"<oc-card-stub tag="div" titletag="h2" headerclass="" bodyclass="p-0" footerclass="" class="oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest oc-tile-card-disabled opacity-70 grayscale-60 pointer-events-none" data-item-id="1">
   <resource-link-stub resource="[object Object]" isresourceclickable="true" class="oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]" tabindex="-1">
     <div class="z-10 absolute top-0 left-0 [&amp;_input]:not-[.oc-checkbox-checked]:bg-role-surface-container"></div>
     <!--v-if-->
diff --git a/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap b/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap
index de44f47f2b..31c55725a4 100644
--- a/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap
+++ b/packages/web-pkg/tests/unit/components/FilesList/__snapshots__/ResourceTiles.spec.ts.snap
@@ -18,8 +18,7 @@ exports[`ResourceTiles component > renders an array of spaces correctly 1`] = `
   </div>
   <ul data-v-67d39700="" class="oc-list oc-tiles grid justify-start gap-3">
     <li data-v-67d39700="" class="oc-tiles-item has-item-context-menu">
-      <!--v-if-->
-      <div class="oc-card w-full sm:w-sm">
+      <div data-v-67d39700="" class="oc-card oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest" data-item-id="1" draggable="false">
         <!--v-if-->
         <div class="oc-card-body p-0"><a data-v-88f32d7c="" attrs="[object Object]" target="_self" draggable="false" class="oc-resource-link max-w-full oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]" tabindex="-1"></a>
           <div class="p-2">
@@ -64,8 +63,7 @@ exports[`ResourceTiles component > renders an array of spaces correctly 1`] = `
       </div>
     </li>
     <li data-v-67d39700="" class="oc-tiles-item has-item-context-menu">
-      <!--v-if-->
-      <div class="oc-card w-full sm:w-sm">
+      <div data-v-67d39700="" class="oc-card oc-tile-card flex flex-col h-full shadow-none [&amp;.item-accentuated]:bg-role-secondary-container bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest" data-item-id="2" draggable="false">
         <!--v-if-->
         <div class="oc-card-body p-0"><a data-v-88f32d7c="" attrs="[object Object]" target="_self" draggable="false" class="oc-resource-link max-w-full oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]" tabindex="-1"></a>
           <div class="p-2">
diff --git a/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap b/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap
index fb53a62dc4..279142c1b6 100644
--- a/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap
+++ b/packages/web-runtime/tests/unit/pages/__snapshots__/accessDenied.spec.ts.snap
@@ -2,7 +2,7 @@
 
 exports[`access denied page > renders component 1`] = `
 "<div class="h-screen flex flex-col justify-center items-center p-4"><img src="themes/opencloud/assets/logo.svg" alt="" aria-hidden="true" class="max-w-48 max-h-48 mb-4">
-  <div class="oc-card w-full sm:w-sm">
+  <div class="oc-card w-full sm:w-sm rounded-lg">
     <div class="oc-card-header text-center">
       <h2 class="mt-0">Not logged in</h2>
     </div>