Adding logo GIF dark and no loop, working on avatar, add spacing to DS

workadventure · May 28, 2024 · 999133f · 999133f
1 parent 3b0bf32
commit 999133f
Show file tree

Hide file tree

Showing 11 changed files with 3,136 additions and 372 deletions.
diff --git a/example/index.html b/example/index.html
diff --git a/example/public/logos/workadventure-dark.gif b/example/public/logos/workadventure-dark.gif
diff --git a/example/public/logos/workadventure-noloop-dark.gif b/example/public/logos/workadventure-noloop-dark.gif
diff --git a/example/public/logos/workadventure-noloop.gif b/example/public/logos/workadventure-noloop.gif
diff --git a/example/public/qrcode/QR-Code-Site-White.svg b/example/public/qrcode/QR-Code-Site-White.svg
diff --git a/example/public/qrcode/QR-Code-Site.svg b/example/public/qrcode/QR-Code-Site.svg
diff --git a/example/public/qrcode/QR-Code-Village-White.svg b/example/public/qrcode/QR-Code-Village-White.svg
diff --git a/example/public/qrcode/QR-Code-Village.svg b/example/public/qrcode/QR-Code-Village.svg
diff --git a/example/src/style.css b/example/src/style.css
@@ -17,7 +17,7 @@ input::-webkit-inner-spin-button {
 
 .squircle,
 .chip:not(.chip-border),
-.btn:not(.btn-border) {
+.btn:not(.btn-border, a) {
     --squircle-smooth: 1;
     --squircle-radius: 8px;
     mask-image: paint(squircle);

diff --git a/src/components/avatar.scss b/src/components/avatar.scss
@@ -58,9 +58,12 @@
 }
 
 .avatars {
-    @apply inline-block ml-[20px];
+    @apply flex -ml-5;
 
     .avatar-stack {
-        @apply inline-block ml-[-20px] border border-4 border-solid border-white;
+        @apply flex items-center justify-center -ml-5 border border-4 border-solid border-white;
+        & > span {
+            @apply block text-center;
+        }
     }
 }
diff --git a/src/components/buttons.scss b/src/components/buttons.scss
@@ -18,7 +18,7 @@
 }
 
 .btn {
-    @apply antialiased px-4 py-3 rounded-[8px] inline-block text-center text-base text-neutral-100 bg-contrast font-main font-normal no-underline flex items-center space-x-3 transition-all border-none appearance-none cursor-pointer outline-none stroke-white fill-white;
+    @apply antialiased px-4 py-3 rounded-[8px] flex items-center justify-center text-center text-base text-neutral-100 bg-contrast no-underline space-x-3 transition-all border-none appearance-none cursor-pointer outline-none stroke-white fill-white;
     &.btn-inline-block {
         @apply inline-block;
     }