diff --git a/public/css/global.css b/public/css/global.css index 8f18658..9dc1c10 100644 --- a/public/css/global.css +++ b/public/css/global.css @@ -9,6 +9,7 @@ :root { --text: #fff; --background: #252525; + --secondary-background: #353535; --background-darker: #151515; --accent: #00b7c3; } @@ -117,6 +118,8 @@ a:hover { .userProfile h1 { color: #00b7c3; margin: 4px; + word-wrap: nowrap; + text-overflow: ellipsis; } .userProfile h2 { @@ -195,11 +198,23 @@ a:hover { overflow-x: auto; } +.userContainer { + display: flex; + flex-direction: row; + justify-content: space-between; + align-items: center; +} + + +.secondary { + background-color: var(--secondary-background); +} @media screen and (prefers-color-scheme: light) { :root { --text: #000; --background: #f1f1f1; + --secondary-background: #e1e1e1; --background-darker: #fff; } body { diff --git a/views/file.html b/views/file.html index d949669..7f50c4d 100644 --- a/views/file.html +++ b/views/file.html @@ -8,11 +8,11 @@