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);
|
background: rgba(var(--codex-alert-color), 0.2);
|
||||||
border-radius: 75px;
|
border-radius: 75px;
|
||||||
height: 1.75rem;
|
height: 1.75rem;
|
||||||
width: 1.75rem;
|
min-width: 1.75rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -71,6 +71,7 @@ export function Menu({ expanded, onClose, onOpen, items, className }: Props) {
|
||||||
<LogoInverse width={50} />
|
<LogoInverse width={50} />
|
||||||
<span className="menu-separator">|</span>
|
<span className="menu-separator">|</span>
|
||||||
<span className="menu-name">Codex</span>
|
<span className="menu-name">Codex</span>
|
||||||
|
<span className="menu-version">ALPHA</span>
|
||||||
</div>
|
</div>
|
||||||
{items.map((item, index) => renderItem(item, index))}
|
{items.map((item, index) => renderItem(item, index))}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -64,6 +64,15 @@
|
||||||
width: 100%;
|
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) {
|
@media (min-width: 1000px) {
|
||||||
.menu {
|
.menu {
|
||||||
transform: translatex(0px);
|
transform: translatex(0px);
|
||||||
|
|
Loading…
Reference in New Issue