From a9fb438d2ae72f1d04373a16a3240e94319301bf Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Thu, 29 Aug 2024 12:32:21 +0200
Subject: [PATCH] Add Codex Alpha version

---
 src/components/Alert/alert.css | 2 +-
 src/components/Menu/Menu.tsx   | 1 +
 src/components/Menu/menu.css   | 9 +++++++++
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Alert/alert.css b/src/components/Alert/alert.css
index 445330f..eba4d9e 100644
--- a/src/components/Alert/alert.css
+++ b/src/components/Alert/alert.css
@@ -21,7 +21,7 @@
   background: rgba(var(--codex-alert-color), 0.2);
   border-radius: 75px;
   height: 1.75rem;
-  width: 1.75rem;
+  min-width: 1.75rem;
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/components/Menu/Menu.tsx b/src/components/Menu/Menu.tsx
index a92a202..6110f61 100644
--- a/src/components/Menu/Menu.tsx
+++ b/src/components/Menu/Menu.tsx
@@ -71,6 +71,7 @@ export function Menu({ expanded, onClose, onOpen, items, className }: Props) {
             <LogoInverse width={50} />
             <span className="menu-separator">|</span>
             <span className="menu-name">Codex</span>
+            <span className="menu-version">ALPHA</span>
           </div>
           {items.map((item, index) => renderItem(item, index))}
         </div>
diff --git a/src/components/Menu/menu.css b/src/components/Menu/menu.css
index b650f9f..6f7a40d 100644
--- a/src/components/Menu/menu.css
+++ b/src/components/Menu/menu.css
@@ -64,6 +64,15 @@
   width: 100%;
 }
 
+.menu-version {
+  font-size: 0.6rem;
+  background-color: var(--codex-background-light);
+  padding: 0 0.25rem;
+  border-radius: var(--codex-border-radius);
+  position: relative;
+  top: 1px;
+}
+
 @media (min-width: 1000px) {
   .menu {
     transform: translatex(0px);