From 4c5d2e4afe02479dcfb770fa1d6cfccb499e4fff Mon Sep 17 00:00:00 2001 From: Tor Andersson Date: Fri, 13 Oct 2023 19:59:06 +0200 Subject: Clean up stylesheet and improve layout on small and large screens. Use variables for color theming. --- views/contacts.pug | 15 +++++++-------- 1 file changed, 7 insertions(+), 8 deletions(-) (limited to 'views/contacts.pug') diff --git a/views/contacts.pug b/views/contacts.pug index 64d39d0..8b42e73 100644 --- a/views/contacts.pug +++ b/views/contacts.pug @@ -5,17 +5,16 @@ html include head title Contacts style. - table { min-width: 400px } - td a.red { text-decoration: none; color: brown; font-size: 14px; margin-left: 8px; } - td a.blue { text-decoration: none; color: black; font-size: 16px; margin-left: 8px; } - td a.blue:hover { color: blue; } + td a.red { text-decoration: none; color: var(--color-red); font-size: 14px; margin-left: 8px; } + td a.blue { text-decoration: none; color: var(--color-black); font-size: 16px; margin-left: 8px; } + td a.blue:hover { color: var(--color-blue); } body include header article h1 Friends & Enemies - table + table.half.striped thead tr th Friends @@ -26,8 +25,8 @@ html tr td a.black(href="/user/"+who.name)= who.name - td= who.atime - td.r + td.w= who.atime + td.w.r a.blue(href="/message/send/"+who.name) 📝 a.red(href="/contacts/remove/"+who.name) ❌ else @@ -37,7 +36,7 @@ html if enemies.length > 0 p - table + table.half.striped thead tr th Blacklist -- cgit v1.2.3