Home page styling

2021-12-07 17:59:55 -08:00
parent 9c7006f239
commit 20350e66a2
13 changed files with 467 additions and 216 deletions
--- a/src/Avatar.module.css
+++ b/src/Avatar.module.css
@@ -0,0 +1,46 @@
+.avatar {
+  position: relative;
+  color: #ffffff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  font-weight: 600;
+}
+
+.avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.avatar svg * {
+  fill: #ffffff;
+}
+
+.sm {
+  width: 22px;
+  height: 22px;
+  border-radius: 22px;
+  font-size: 14px;
+}
+
+.md {
+  width: 36px;
+  height: 36px;
+  border-radius: 36px;
+  font-size: 20px;
+}
+
+.lg {
+  width: 42px;
+  height: 42px;
+  border-radius: 42px;
+  font-size: 36px;
+}
+
+.xl {
+  width: 90px;
+  height: 90px;
+  border-radius: 90px;
+}