diff --git a/src/app/styles/marking-pages.scss b/src/app/styles/marking-pages.scss index ae2fe4b..98a69dd 100644 --- a/src/app/styles/marking-pages.scss +++ b/src/app/styles/marking-pages.scss @@ -127,6 +127,11 @@ font-size: 18px; } + table { + width: 100%; + border-collapse: collapse; + } + th { background: linear-gradient(135deg, #6366f1, #8b5cf6); color: white; @@ -159,5 +164,62 @@ margin-right: 12px; border: 2px solid #6366f1; } + + &-title { + font-weight: 500; + color: #111827; + font-size: 14px; + } + + &-protect { + font-size: 11px; + color: #6366f1; + font-weight: 600; + } + + &-size { + color: #6b7280; + font-size: 14px; + } + + &-protect { + display: flex; + align-items: center; + } + + &-bar { + width: 30px; + height: 6px; + background: #e5e7eb; + border-radius: 3px; + margin-right: 8px; + } + + &-fill { + width: 100%; + height: 100%; + background: #6366f1; + border-radius: 3px; + } + + &-date { + color: #6b7280; + font-size: 13px; + } + } + + .btn-secondary { + background: #6b7280; + color: white; + } + + .real-protection-badge { + background: linear-gradient(135deg, #6366f1, #8b5cf6); + color: white; + padding: 2px 6px; + border-radius: 4px; + font-size: 9px; + font-weight: bold; + margin-left: 5px; } } \ No newline at end of file diff --git a/src/app/ui/marking-page/protected-files-table.tsx b/src/app/ui/marking-page/protected-files-table.tsx index d4c446f..b289232 100644 --- a/src/app/ui/marking-page/protected-files-table.tsx +++ b/src/app/ui/marking-page/protected-files-table.tsx @@ -24,10 +24,10 @@ export default function ProtectedFilesTable() { 🛡️