added workshop button icon

PPLBandage · Sep 1, 2024 · 3399e43 · 3399e43
1 parent 7a9edd9
commit 3399e43
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/root_client.tsx b/src/app/root_client.tsx
@@ -5,7 +5,7 @@ import React, { useState } from "react";
 import Style from "./styles/root/page.module.css";
 import Link from "next/link";
 import { CustomLink } from "./modules/components/search.module";
-import { IconInfinity, IconAlertTriangle } from '@tabler/icons-react';
+import { IconInfinity, IconAlertTriangle, IconStack } from '@tabler/icons-react';
 
 const HomeClient = ({ pong }: { pong: number }) => {
     const [animationState, setAnimationState] = useState<boolean>(true);
@@ -40,7 +40,7 @@ const HomeClient = ({ pong }: { pong: number }) => {
                 <div className={Style.container}>
                     <p className={Style.p}><span className={Style.one}>1</span> Сайт</p>
                     <p className={Style.p} style={{ display: "flex", alignItems: "center" }}><IconInfinity width={40} height={40} className={Style.inf} color='rgba(45, 212, 191)' />Стилей</p>
-                    <Link href="/workshop" className={Style.link}>Открыть мастерскую</Link>
+                    <Link href="/workshop" className={Style.link}><IconStack />Открыть мастерскую</Link>
                     {pong !== 200 &&
                         <div className={Style.api_unavailable}>
                             <div style={{ display: 'flex', alignItems: 'center', gap: '.5rem' }}>

diff --git a/src/app/styles/root/page.module.css b/src/app/styles/root/page.module.css
@@ -144,6 +144,10 @@
     background-color: var(--main-card-color);
     transition: border 150ms;
     user-select: none;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: .4rem;
 }
 
 .link:hover {