refactor: hide 👋🏻 text

EnixCoda · Mar 29, 2024 · cf1aaf3 · cf1aaf3
1 parent 40dff71
commit cf1aaf3
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 12 deletions.
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -13,18 +13,25 @@ export function Footer(props: Props) {
   const { toggleShowSettings } = props
   return (
     <div className={'gitako-footer'}>
-      <Link
-        className={'version'}
-        href={wikiLinks.changeLog}
-        title={'Check out new features!'}
-        target="_blank"
-        rel="noopener noreferrer"
-      >
-        {VERSION}
-      </Link>
-      <Link href={wikiLinks.bye} target="_blank" rel="noopener noreferrer">
-        👋 About to say good bye.
-      </Link>
+      <div className="gitako-footer-section">
+        <Link
+          className={'version'}
+          href={wikiLinks.changeLog}
+          title={'Check out new features!'}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          {VERSION}
+        </Link>
+        <Link
+          title="About to say good bye."
+          href={wikiLinks.bye}
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          👋
+        </Link>
+      </div>
       <RoundIconButton
         aria-label={'settings'}
         icon={GearIcon}

diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -587,6 +587,11 @@ html[data-with-gitako-spacing='true'] {
       padding: 2px 6px 2px 10px;
       border-top: 1px solid var(--color-border-muted);
 
+      &-section {
+        display: inline-flex;
+        gap: 6px;
+      }
+
       .version {
         color: var(--color-fg-muted);
       }