make avatar prettier

2026-05-21 22:38:16 +03:00
parent 13667d5f6c
commit 84ee969e7a
3 changed files with 37 additions and 7 deletions
--- a/data/static/css/style.css
+++ b/data/static/css/style.css
@@ -520,10 +520,34 @@ footer {
  gap: var(--base-padding);
 }

-.avatar {
-  max-width: 100%;
-  max-height: 100%;
-  object-fit: contain;
+.usercard.plank {
+  padding: var(--base-padding);
+}
+
+.avatar-container {
+  position: relative;
+  display: flex;
+  border-radius: var(--base-padding);
+  border: var(--base-padding) outset gray;
+  box-shadow: 0px 0px 12px 2px #0006;
+  &::after {
+    content: '';
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    box-shadow: inset 0px 0px var(--big-padding) 2px #d4ddc9;
+    top: 0;
+    right: 0;
+    border: 2px solid #545454;
+    pointer-events: none;
+  }
+
+  .avatar {
+    max-width: min(100%, 256px);
+    max-height: min(100%, 256px);
+    object-fit: contain;
+
+  }
 }

 .post-content {