feat(odin): big claude.ai-style hero on the new-conversation screen
Replace the small empty-state with a large centred hero — the animated Odin mark + a big gradient "Odin" wordmark (responsive clamp font) and the helper line beneath. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -79,15 +79,34 @@ export default function OdinThread({
|
|||||||
flexDirection: "column",
|
flexDirection: "column",
|
||||||
alignItems: "center",
|
alignItems: "center",
|
||||||
justifyContent: "center",
|
justifyContent: "center",
|
||||||
gap: 1.5,
|
gap: 2.5,
|
||||||
textAlign: "center",
|
textAlign: "center",
|
||||||
px: 2,
|
px: 2,
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
<OdinMark size={56} />
|
<Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
|
||||||
<Typography variant="body2" sx={{ color: "text.secondary" }}>
|
<OdinMark size={52} />
|
||||||
Dobrý den, jsem Odin. Zeptejte se, nebo přiložte fakturu (PDF) k
|
<Box
|
||||||
importu.
|
component="span"
|
||||||
|
sx={(t) => ({
|
||||||
|
fontSize: "clamp(2rem, 1.2rem + 2.4vw, 2.75rem)",
|
||||||
|
fontWeight: 700,
|
||||||
|
lineHeight: 1.1,
|
||||||
|
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>
|
||||||
|
<Typography
|
||||||
|
variant="body2"
|
||||||
|
sx={{ color: "text.secondary", maxWidth: 440 }}
|
||||||
|
>
|
||||||
|
Zeptejte se, nebo přiložte fakturu (PDF) k automatickému importu.
|
||||||
</Typography>
|
</Typography>
|
||||||
</Box>
|
</Box>
|
||||||
)}
|
)}
|
||||||
|
|||||||
Reference in New Issue
Block a user