feat(auth-files): add disabled state styling for file cards

This commit is contained in:
LTbinglingfeng
2026-01-25 00:01:15 +08:00
parent f22d392b21
commit 76e9eb4aa0
2 changed files with 25 additions and 12 deletions

View File

@@ -446,6 +446,16 @@
}
}
.fileCardDisabled {
opacity: 0.6;
&:hover {
transform: none;
box-shadow: none;
border-color: var(--border-color);
}
}
.cardHeader {
display: flex;
align-items: center;

View File

@@ -1357,7 +1357,10 @@ export function AuthFilesPage() {
const typeColor = getTypeColor(item.type || 'unknown');
return (
<div key={item.name} className={styles.fileCard}>
<div
key={item.name}
className={`${styles.fileCard} ${item.disabled ? styles.fileCardDisabled : ''}`}
>
<div className={styles.cardHeader}>
<span
className={styles.typeBadge}