From 98292287268972942c3bf9d56c26114446824042 Mon Sep 17 00:00:00 2001
From: Schalli <kschaller@ctl.de>
Date: Fri, 2 Oct 2026 23:29:31 +0200
Subject: [PATCH] fix(nextcloud-status): breite Logos groesser und eckig

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../modules/nextcloud-status/components/CloudForm.tsx     | 2 +-
 .../modules/nextcloud-status/components/CloudTile.tsx     | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudForm.tsx b/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudForm.tsx
index 5abdaab..4c767fc 100644
--- a/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudForm.tsx
+++ b/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudForm.tsx
@@ -208,7 +208,7 @@ export function CloudForm({ instance, onClose, onSaved, onDeleted }: CloudFormPr
                     src={currentLogo}
                     alt={t('logoCurrent')}
                     referrerPolicy="no-referrer"
-                    className="h-10 w-10 rounded-md bg-well object-contain"
+                    className="h-10 w-auto max-w-24 object-contain"
                   />
                   <button type="button" onClick={() => setMode('none')} className="btn btn-subtle">
                     {t('logoRemove')}
diff --git a/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudTile.tsx b/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudTile.tsx
index 7200bcb..14b5f20 100644
--- a/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudTile.tsx
+++ b/apps/web/src/app/(portal)/modules/nextcloud-status/components/CloudTile.tsx
@@ -76,7 +76,11 @@ export function CloudTile({
       <span aria-hidden="true" className={`absolute inset-y-0 left-0 w-1 ${style.fill}`} />
       <div className="flex flex-1 flex-col gap-3 py-4 pl-5 pr-4">
         <div className="flex items-start gap-3">
-          <div className="flex h-10 w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-well text-sm font-semibold text-muted-foreground">
+          <div
+            className={`flex h-10 shrink-0 items-center justify-center overflow-hidden text-sm font-semibold text-muted-foreground ${
+              src ? 'max-w-24' : 'w-10 bg-well'
+            }`}
+          >
             {src ? (
               // Dynamische Adresse (Upload ueber den Proxy oder externe https-Adresse) — next/image waere hier unpassend.
               // biome-ignore lint/performance/noImgElement: externe, vom Verwalter gesetzte Adresse
@@ -85,7 +89,7 @@ export function CloudTile({
                 src={src}
                 alt={instance.customerName}
                 referrerPolicy="no-referrer"
-                className="h-full w-full object-contain"
+                className="h-10 w-auto max-w-24 object-contain"
                 onError={() => setLogoFailed(true)}
               />
             ) : (