💄 Avatar rhombus

frontend/src/components/UserCard.module.css

@@ -25,16 +25,22 @@
 }
 
 .avatar {
-  /* TODO: clip path */
   width: 50px;
   height: 50px;
-  border-radius: 50px;
+  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
+}
+.avatarWrap {
+  filter: drop-shadow(0 0 4px var(--background)) drop-shadow(0 0 11px var(--background))
+    drop-shadow(0 0 19px var(--background));
 }
 
-.avatar svg {
+.noAvatar {
+  display: block;
   width: 50px;
   height: 50px;
-  color: #ccc;
+  background-color: black;
+  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
+  content: "";
 }
 
 .name {