diff options
Diffstat (limited to 'src/public')
| -rw-r--r-- | src/public/css/common.css | 17 | ||||
| -rw-r--r-- | src/public/css/post.css | 9 | ||||
| -rw-r--r-- | src/public/css/profile.css | 23 |
3 files changed, 39 insertions, 10 deletions
diff --git a/src/public/css/common.css b/src/public/css/common.css index 281df6b..3e6b6b6 100644 --- a/src/public/css/common.css +++ b/src/public/css/common.css @@ -155,6 +155,15 @@ a, button { background-color: var(--surface2); } +.btn-alt.btn-blue { + background-color: var(--blue); + color: var(--white); +} + +.btn-alt.btn-blue:hover { + background-color: var(--blue-alt); +} + .btn-wide { width: auto; flex-grow: 1; @@ -604,3 +613,11 @@ input[type=radio] { width: fit-content; outline: none !important; } + +.container { + padding: 1rem; +} + +.grow { + flex-grow: 1; +} diff --git a/src/public/css/post.css b/src/public/css/post.css index 2b6a4b1..47106a9 100644 --- a/src/public/css/post.css +++ b/src/public/css/post.css @@ -10,19 +10,14 @@ .post, #new-post { margin-bottom: 1rem; - width: 40rem; + max-width: 40rem; + width: 100%; } .post { padding-bottom: 0; } -@media(max-width: 40rem) { - .post, #new-post { - width: 100%; - } -} - .post .likes { display: block; padding-top: .25rem; diff --git a/src/public/css/profile.css b/src/public/css/profile.css index 71cbbfa..a6f2ef4 100644 --- a/src/public/css/profile.css +++ b/src/public/css/profile.css @@ -10,7 +10,6 @@ flex-direction: row; justify-content: center; background-color: var(--surface0); - margin-bottom: 1rem; border-bottom: 1px solid var(--surface1); } @@ -85,10 +84,9 @@ .tab { max-width: 80rem; width: 100%; + height: 100%; margin-left: auto; margin-right: auto; - padding: 0 1rem; - margin-bottom: 1rem; } #post-container { @@ -106,3 +104,22 @@ td:nth-child(1) { padding-right: 2rem; } + +#about-tab { + width: auto; +} + +#follow-container { + margin-left: auto; + margin-right: 2rem; +} + +#follow-container > a { + width: 10rem; + padding: .5rem; +} + +#follow-container > a > span { + width: 100%; + text-align: center; +} |