feat(odin): sidebar brand is a big gradient "Odin" wordmark (drop the icon)

The mark already lives on the nav menu item; the conversation sidebar's brand
no longer duplicates it — just a larger gradient "Odin" wordmark above the new
chat button.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
BOHA
2026-06-08 20:47:39 +02:00
parent cf442b9a99
commit ab12f9d791

View File

@@ -5,7 +5,6 @@ import Menu from "@mui/material/Menu";
import MenuItem from "@mui/material/MenuItem"; import MenuItem from "@mui/material/MenuItem";
import IconButton from "@mui/material/IconButton"; import IconButton from "@mui/material/IconButton";
import { Button, TextField, Modal, ConfirmDialog } from "../../ui"; import { Button, TextField, Modal, ConfirmDialog } from "../../ui";
import OdinMark from "./OdinMark";
interface OdinSidebarProps { interface OdinSidebarProps {
conversations: { id: number; title: string }[]; conversations: { id: number; title: string }[];
@@ -78,11 +77,21 @@ export default function OdinSidebar({
> >
{/* Brand + New chat */} {/* Brand + New chat */}
<Box sx={{ p: 1.5, display: "flex", flexDirection: "column", gap: 1 }}> <Box sx={{ p: 1.5, display: "flex", flexDirection: "column", gap: 1 }}>
<Box sx={{ display: "flex", alignItems: "center", gap: 1, px: 0.5 }}> <Box
<OdinMark size={28} /> component="span"
<Typography variant="subtitle1" sx={{ fontWeight: 600 }}> sx={(t) => ({
Odin px: 0.5,
</Typography> fontSize: "1.7rem",
fontWeight: 700,
lineHeight: 1.2,
letterSpacing: "-0.02em",
backgroundImage: `linear-gradient(120deg, ${t.vars!.palette.primary.light}, ${t.vars!.palette.primary.main})`,
WebkitBackgroundClip: "text",
backgroundClip: "text",
WebkitTextFillColor: "transparent",
})}
>
Odin
</Box> </Box>
<Button fullWidth disabled={busy} onClick={onNew}> <Button fullWidth disabled={busy} onClick={onNew}>
+ Nová konverzace + Nová konverzace