This commit is contained in:
2026-06-22 14:35:01 +10:00
parent ca4af24f5f
commit 559ce723d2
2 changed files with 27 additions and 11 deletions
+7 -2
View File
@@ -89,11 +89,16 @@ function LinkTypeBadge({ linkType, className }: { linkType: Link['linkType']; cl
const { t } = useTranslation(); const { t } = useTranslation();
const isCustom = linkType === 'custom'; const isCustom = linkType === 'custom';
const Icon = isCustom ? CodeIcon : LinkIcon; const Icon = isCustom ? CodeIcon : LinkIcon;
const label = isCustom ? t('linkTable.typeCustom') : t('linkTable.typeRedirect');
return ( return (
<span className={`link-type-badge ${isCustom ? 'is-custom' : 'is-redirect'}${className ? ` ${className}` : ''}`}> <span
className={`link-type-badge ${isCustom ? 'is-custom' : 'is-redirect'}${className ? ` ${className}` : ''}`}
aria-label={label}
title={label}
>
<Icon aria-hidden="true" size={14} strokeWidth={2.2} /> <Icon aria-hidden="true" size={14} strokeWidth={2.2} />
<span>{isCustom ? t('linkTable.typeCustom') : t('linkTable.typeRedirect')}</span> <span>{label}</span>
</span> </span>
); );
} }
+20 -9
View File
@@ -1028,30 +1028,41 @@ button.link-action--confirm:hover { background: var(--accent-soft); }
} }
.link-table .col-alias { .link-table .col-alias {
width: 48%; width: 66%;
} }
.link-table .col-type { .link-table .col-type {
width: 34%; text-align: center;
width: 12%;
}
.link-table th.col-type {
font-size: 0;
}
.link-table th.col-type .sort-icon,
.link-table td.col-type .link-type-badge > span {
display: none;
}
.link-table td.col-type .link-type-badge {
justify-content: center;
} }
.link-table .col-clicks { .link-table .col-clicks {
text-align: right; text-align: right;
width: 18%; width: 22%;
} }
} }
@container (max-width: 430px) { @container (max-width: 430px) {
.link-table .col-type {
display: none;
}
.link-table .col-alias { .link-table .col-alias {
width: 76%; width: 64%;
} }
.link-table .col-type { width: 14%; }
.link-table .col-clicks { .link-table .col-clicks {
width: 24%; width: 22%;
} }
} }