feat: Projektkarten-Aktionen nur als Icons (Bearbeiten/Hosten/Aktualisieren)
Aktualisieren-Button ohne Text-Label, konsistent zur Toolbar; Spinner auch beim Hosten. Tooltips via title/aria-label. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
@@ -543,22 +543,24 @@ export default function ProjectsPage() {
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="btn btn-dark"
|
className="btn btn-dark"
|
||||||
style={{ padding: '6px 12px', fontSize: '13px' }}
|
style={{ padding: '8px 12px' }}
|
||||||
onClick={() => openEdit(project)}
|
onClick={() => openEdit(project)}
|
||||||
title="Bearbeiten"
|
title="Bearbeiten"
|
||||||
|
aria-label="Bearbeiten"
|
||||||
>
|
>
|
||||||
<FaPen /> Bearbeiten
|
<FaPen />
|
||||||
</button>
|
</button>
|
||||||
{needsHosting ? (
|
{needsHosting ? (
|
||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="btn btn-teal"
|
className="btn btn-teal"
|
||||||
style={{ padding: '6px 12px', fontSize: '13px' }}
|
style={{ padding: '8px 12px' }}
|
||||||
onClick={() => handleHostNow(project)}
|
onClick={() => handleHostNow(project)}
|
||||||
disabled={hostBusyId === project.$id}
|
disabled={hostBusyId === project.$id}
|
||||||
title="Projekt jetzt deployen/hosten"
|
title="Projekt jetzt deployen/hosten"
|
||||||
|
aria-label="Projekt jetzt deployen/hosten"
|
||||||
>
|
>
|
||||||
<FaGlobe /> {hostBusyId === project.$id ? 'Hosten…' : 'Jetzt hosten'}
|
<FaGlobe style={hostBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined} />
|
||||||
</button>
|
</button>
|
||||||
) : (
|
) : (
|
||||||
<PreviewLinkButton href={project.previewUrl} />
|
<PreviewLinkButton href={project.previewUrl} />
|
||||||
@@ -567,15 +569,15 @@ export default function ProjectsPage() {
|
|||||||
<button
|
<button
|
||||||
type="button"
|
type="button"
|
||||||
className="btn btn-dark"
|
className="btn btn-dark"
|
||||||
style={{ padding: '6px 12px', fontSize: '13px' }}
|
style={{ padding: '8px 12px' }}
|
||||||
onClick={() => handleRefresh(project)}
|
onClick={() => handleRefresh(project)}
|
||||||
disabled={refreshBusyId === project.$id}
|
disabled={refreshBusyId === project.$id}
|
||||||
title="Projekt neu deployen / Website neu laden"
|
title="Aktualisieren – Website neu deployen"
|
||||||
|
aria-label="Aktualisieren – Website neu deployen"
|
||||||
>
|
>
|
||||||
<FaArrowsRotate
|
<FaArrowsRotate
|
||||||
style={refreshBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined}
|
style={refreshBusyId === project.$id ? { animation: 'spin 1s linear infinite' } : undefined}
|
||||||
/>{' '}
|
/>
|
||||||
{refreshBusyId === project.$id ? 'Aktualisiere…' : 'Aktualisieren'}
|
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
<GiteaLinkButton href={project.giteaRepoUrl} />
|
<GiteaLinkButton href={project.giteaRepoUrl} />
|
||||||
|
|||||||
Reference in New Issue
Block a user