diff options
| author | Tor Andersson <tor@ccxvii.net> | 2023-10-13 19:59:06 +0200 |
|---|---|---|
| committer | Tor Andersson <tor@ccxvii.net> | 2023-10-13 22:41:09 +0200 |
| commit | 4c5d2e4afe02479dcfb770fa1d6cfccb499e4fff (patch) | |
| tree | 9206a2c5472c5c1480ad5c035b776a74d74a602f /views/contacts.pug | |
| parent | 5cdc7862b20c8642a235e8ea46686939e5f6032a (diff) | |
| download | server-4c5d2e4afe02479dcfb770fa1d6cfccb499e4fff.tar.gz | |
Clean up stylesheet and improve layout on small and large screens.
Use variables for color theming.
Diffstat (limited to 'views/contacts.pug')
| -rw-r--r-- | views/contacts.pug | 15 |
1 files changed, 7 insertions, 8 deletions
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 |