chore: add icons

taiga-family · Aug 21, 2024 · 71b9cc4 · 71b9cc4
1 parent a7c5e67
commit 71b9cc4
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 21 deletions.
diff --git a/apps/taiga-lumbermill/public/apple.svg b/apps/taiga-lumbermill/public/apple.svg
diff --git a/apps/taiga-lumbermill/src/dashboards/register/register.component.html b/apps/taiga-lumbermill/src/dashboards/register/register.component.html
@@ -109,34 +109,24 @@
             </p>
             <hr class="line" />
         </div>
-        <button
-            appearance="whiteblock"
-            size="m"
-            tuiButton
-            [style.margin-top]="'0.5rem'"
-            [style.width]="'100%'"
-        >
+        <p class="tui-space_top-2 tui-space_bottom-2 icons-title">Sign up with</p>
+        <div class="icons">
             <img
                 alt=""
                 src="./google.svg"
-                class="google"
+                class="iconSignUp"
             />
-            Sign up with google
-        </button>
-        <button
-            appearance="whiteblock"
-            size="m"
-            tuiButton
-            [style.margin-top]="'0.5rem'"
-            [style.width]="'100%'"
-        >
             <img
                 alt=""
                 src="./github-mark.svg"
-                class="google"
+                class="iconSignUp"
             />
-            Sign up with github
-        </button>
+            <img
+                alt=""
+                src="./apple.svg"
+                class="iconSignUp"
+            />
+        </div>
         <a
             tuiLink
             class="center"

diff --git a/apps/taiga-lumbermill/src/dashboards/register/register.component.less b/apps/taiga-lumbermill/src/dashboards/register/register.component.less
@@ -53,7 +53,7 @@ form {
     flex-grow: 1;
 }
 
-.google {
+.iconSignUp {
     width: 1.8rem;
     height: 1.8rem;
 }
@@ -63,3 +63,12 @@ form {
     font: var(--tui-font-text-s);
     margin-right: auto;
 }
+
+.icons {
+    display: flex;
+    gap: 1rem;
+}
+
+.icons-title {
+    font-weight: 700;
+}