Add Codex Alpha version
This commit is contained in:
parent
e05aa5c5d5
commit
a9fb438d2a
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue