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/Facepile.module.css
+++ b/src/Facepile.module.css
@@ -1,31 +1,11 @@
 .facepile {
-  display: flex;
-  margin: 0 16px;
+  width: 100%;
+  height: 24px;
+  position: relative;
 }

 .facepile .avatar {
-  position: relative;
-  width: 20px;
-  height: 20px;
-  border-radius: 20px;
-  background-color: var(--primaryColor);
-}
-
-.facepile .avatar > * {
  position: absolute;
-  left: 0;
-  color: #fff;
-  text-align: center;
-  pointer-events: none;
-  font-weight: 600;
-}
-
-.facepile .avatar span {
-  font-size: 14px;
-  width: 20px;
-  line-height: 20px;
-}
-
-.facepile .avatar.additional span {
-  font-size: 12px;
+  top: 0;
+  border: 1px solid var(--bgColor2);
 }