diff options
Diffstat (limited to 'src/public/css')
-rw-r--r-- | src/public/css/common.css | 15 | ||||
-rw-r--r-- | src/public/css/people.css | 2 | ||||
-rw-r--r-- | src/public/css/post.css | 5 | ||||
-rw-r--r-- | src/public/css/profile.css | 7 | ||||
-rw-r--r-- | src/public/css/settings.css | 13 |
5 files changed, 31 insertions, 11 deletions
diff --git a/src/public/css/common.css b/src/public/css/common.css index de9dedb..b950ebe 100644 --- a/src/public/css/common.css +++ b/src/public/css/common.css @@ -310,13 +310,7 @@ input.btn:focus { display: block; } -@keyframes shimmer { - to { - background-position-x: 0%; - } -} - -.pfp, .pfp img { +.pfp, .pfp .inner { height: 2.5rem; border-radius: 2.5rem; aspect-ratio: 1; @@ -324,15 +318,18 @@ input.btn:focus { display: block; } -.pfp-sm, .pfp-sm img { +.pfp-sm, .pfp-sm .inner { height: 1.75rem; } +object.inner { + pointer-events: none; +} + .image-loading { background: linear-gradient(-45deg, var(--surface0) 0%, var(--base) 25%, var(--surface0) 50%); background-size: 500%; background-position-x: 150%; - animation: shimmer 1s linear infinite; } .image-loaded { diff --git a/src/public/css/people.css b/src/public/css/people.css index 6b07eff..d36e5e8 100644 --- a/src/public/css/people.css +++ b/src/public/css/people.css @@ -35,7 +35,7 @@ font-size: 1.5rem; } -.profile .pfp, .profile .pfp img { +.profile .pfp, .profile .pfp .inner { padding: none; margin: none; width: 100%; diff --git a/src/public/css/post.css b/src/public/css/post.css index 47106a9..254e82b 100644 --- a/src/public/css/post.css +++ b/src/public/css/post.css @@ -8,6 +8,11 @@ justify-content: center; } +#post-container { + max-width: 40rem; + width: 100%; +} + .post, #new-post { margin-bottom: 1rem; max-width: 40rem; diff --git a/src/public/css/profile.css b/src/public/css/profile.css index a6f2ef4..d043b84 100644 --- a/src/public/css/profile.css +++ b/src/public/css/profile.css @@ -25,6 +25,11 @@ aspect-ratio: 5; } +.banner object.inner { + width: 100%; + height: 100%; +} + #profile-header .banner img { height: 100%; width: 100%; @@ -32,7 +37,7 @@ } #profile-header .info .pfp-wrapper .pfp, -#profile-header .info .pfp-wrapper .pfp img { +#profile-header .info .pfp-wrapper .pfp .inner { height: 12.5rem; } diff --git a/src/public/css/settings.css b/src/public/css/settings.css new file mode 100644 index 0000000..8c3e9f7 --- /dev/null +++ b/src/public/css/settings.css @@ -0,0 +1,13 @@ + +#main-content { + display: flex; + justify-content: center; +} + +#settings { + margin: 0 1rem; + margin-bottom: 1rem; + max-width: 800px; + min-width: 400px; + width: 100%; +} |