diff --git a/src/components/CopyableCredential.jsx b/src/components/CopyableCredential.jsx index 023081d..994c10a 100644 --- a/src/components/CopyableCredential.jsx +++ b/src/components/CopyableCredential.jsx @@ -1,5 +1,4 @@ import { useEffect, useRef, useState } from 'react' -import { FaCheck, FaCopy, FaEye, FaEyeSlash } from 'react-icons/fa6' export async function copyText(text) { try { @@ -53,26 +52,26 @@ export default function CopyableCredential({ value, secret = false, label = 'Wer {secret && ( )} ) diff --git a/src/components/GiteaLinkButton.jsx b/src/components/GiteaLinkButton.jsx index 4df05f7..6155e1a 100644 --- a/src/components/GiteaLinkButton.jsx +++ b/src/components/GiteaLinkButton.jsx @@ -1,30 +1,9 @@ -import { SiGitea } from 'react-icons/si' - -export default function GiteaLinkButton({ href, title = 'In Gitea oeffnen', size = 16 }) { +export default function GiteaLinkButton({ href, label = 'In Gitea öffnen' }) { if (!href) return null return ( - - + + {label} ) } diff --git a/src/components/PreviewLinkButton.jsx b/src/components/PreviewLinkButton.jsx index c9984f8..2eebba1 100644 --- a/src/components/PreviewLinkButton.jsx +++ b/src/components/PreviewLinkButton.jsx @@ -1,10 +1,9 @@ -import { FaEye } from 'react-icons/fa6' import { createPreviewLink } from '../lib/teamApi' import { openInNewTab } from '../lib/openInNewTab' -// Mit subdomain holt der Knopf einen Einmal-Link vom Portal (Mitarbeiter sind dort nicht mehr angemeldet); +// Mit subdomain holt der Link einen Einmal-Link vom Portal (Mitarbeiter sind dort nicht mehr angemeldet); // ohne subdomain bleibt er ein einfacher Link. -export default function PreviewLinkButton({ href, subdomain, title = 'Preview oeffnen', size = 16 }) { +export default function PreviewLinkButton({ href, subdomain, label = 'Vorschau öffnen' }) { if (!href) return null const open = (event) => { @@ -16,28 +15,8 @@ export default function PreviewLinkButton({ href, subdomain, title = 'Preview oe } return ( - - + + {label} ) } diff --git a/src/pages/AdminPage.css b/src/pages/AdminPage.css index 58928ff..6f75137 100644 --- a/src/pages/AdminPage.css +++ b/src/pages/AdminPage.css @@ -311,10 +311,13 @@ display: flex; max-width: 300px; align-items: center; - gap: 5px; + gap: 8px; margin: 2px 0; } +/* .admin-table td > span (0,1,2) setzt display: block; ohne diese Zeile klebten die Textlinks ohne Abstand am Wert */ +.admin-table td > .credential { display: flex; } + .credential-value { min-width: 0; overflow: hidden; @@ -329,22 +332,12 @@ letter-spacing: 0.08em; } -.credential-action { - display: inline-flex; - width: 25px; - height: 25px; - flex: 0 0 25px; - align-items: center; - justify-content: center; - border: 0; - border-radius: 4px; - background: transparent; - color: var(--text-faint); - cursor: pointer; +.credential .link { + flex: 0 0 auto; + font-size: 12px; + white-space: nowrap; } -.credential-action:hover { background: var(--surface-2); color: var(--text); } -.credential-check { color: var(--ok); } .credential-empty { color: var(--text-faint); } .admin-credential-result {