diff --git a/web/admin-gui/src/assets/base.css b/web/admin-gui/src/assets/base.css index 213fdee..4bb0d5f 100644 --- a/web/admin-gui/src/assets/base.css +++ b/web/admin-gui/src/assets/base.css @@ -66,7 +66,9 @@ input, label, button, span, -li { +li, +td, +th { font-family: 'Hind', sans-serif; color: var(--neutral-dark); } @@ -100,7 +102,7 @@ li { border-radius: var(--radius); } -.label-input .tags { +.tags { display: flex; flex-wrap: wrap; gap: 8px; @@ -109,14 +111,14 @@ li { padding: 8px; } -.label-input .tags li { +.tags li { background-color: var(--neutral-verylight); border-radius: var(--radius); padding: 4px 16px; } -.label-input .tags li::marker { +.tags li::marker { content: ''; } diff --git a/web/admin-gui/src/views/Articles.vue b/web/admin-gui/src/views/Articles.vue index c0b6b67..1aaef0c 100644 --- a/web/admin-gui/src/views/Articles.vue +++ b/web/admin-gui/src/views/Articles.vue @@ -19,17 +19,25 @@ onMounted(async () => { Date création Tags Statut + Actions {{ article.title }} {{ new Date(article.date).toLocaleDateString('fr-FR') }} - {{ article.tags }} - {{`${article.online ? 'En ligne' : 'Hors ligne'}`}} - - Éditer - - + + + + {{`${article.online ? '🟢' : '🔴'}`}} + +
+ ✏️ + + +
+ @@ -44,4 +52,27 @@ main { main>a { width: fit-content; } + +main table { + width: 100%; + + border-collapse: collapse; +} + +main table td { + padding: 8px; +} + +.action-buttons { + margin: auto; + width: fit-content; +} + +.action-buttons>* { + margin: 0 6px; +} + +.status { + text-align: center; +} \ No newline at end of file