fix(nextcloud-status): breite Logos groesser und eckig

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-10-02 23:29:31 +02:00
parent bbbafd11bc
commit 9829228726
2 changed files with 7 additions and 3 deletions
@@ -208,7 +208,7 @@ export function CloudForm({ instance, onClose, onSaved, onDeleted }: CloudFormPr
src={currentLogo} src={currentLogo}
alt={t('logoCurrent')} alt={t('logoCurrent')}
referrerPolicy="no-referrer" 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"> <button type="button" onClick={() => setMode('none')} className="btn btn-subtle">
{t('logoRemove')} {t('logoRemove')}
@@ -76,7 +76,11 @@ export function CloudTile({
<span aria-hidden="true" className={`absolute inset-y-0 left-0 w-1 ${style.fill}`} /> <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 flex-1 flex-col gap-3 py-4 pl-5 pr-4">
<div className="flex items-start gap-3"> <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 ? ( {src ? (
// Dynamische Adresse (Upload ueber den Proxy oder externe https-Adresse) — next/image waere hier unpassend. // 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 // biome-ignore lint/performance/noImgElement: externe, vom Verwalter gesetzte Adresse
@@ -85,7 +89,7 @@ export function CloudTile({
src={src} src={src}
alt={instance.customerName} alt={instance.customerName}
referrerPolicy="no-referrer" referrerPolicy="no-referrer"
className="h-full w-full object-contain" className="h-10 w-auto max-w-24 object-contain"
onError={() => setLogoFailed(true)} onError={() => setLogoFailed(true)}
/> />
) : ( ) : (