git.iko.soy/crush
on main help sign in
fix(tui): render a smaller logo on splash screen

When we have a smaller window, we render a smaller version of the Crush logo.

commit7a282d3a2fbde12686e30854058fe88f99b8193a authorAyman Bagabas <ayman.bagabas@gmail.com> dateThu 17 Jul 2025, 12:26 (1 year ago) parentfe0f4bb
3 files changed+40−27
compare with main
unifiedsplit
internal/tui/components/chat/sidebar/sidebar.go+11−21 internal/tui/components/chat/splash/splash.go+15−6 internal/tui/components/logo/logo.go+14
internal/tui/components/chat/sidebar/sidebar.go+11−21
@@ -114,12 +114,22 @@ func (m *sidebarCmp) View() string {
114114 t := styles.CurrentTheme()
115115 parts := []string{}
116116
117+ style := t.S().Base.
118+ Width(m.width).
119+ Height(m.height).
120+ Padding(1)
121+ if m.compactMode {
122+ style = style.PaddingTop(0)
123+ }
124+
117125 if !m.compactMode {
118126 if m.height > LogoHeightBreakpoint {
119127 parts = append(parts, m.logo)
120128 } else {
121129 // Use a smaller logo for smaller screens
122− parts = append(parts, m.smallerScreenLogo(), "")
130+ parts = append(parts,
131+ logo.SmallRender(m.width-style.GetHorizontalFrameSize()),
132+ "")
123133 }
124134 }
125135
@@ -159,13 +169,6 @@ func (m *sidebarCmp) View() string {
159169 )
160170 }
161171
162− style := t.S().Base.
163− Width(m.width).
164− Height(m.height).
165− Padding(1)
166− if m.compactMode {
167− style = style.PaddingTop(0)
168− }
169172 return style.Render(
170173 lipgloss.JoinVertical(lipgloss.Left, parts...),
171174 )
@@ -934,19 +937,6 @@ func (s *sidebarCmp) currentModelBlock() string {
934937 )
935938}
936939
937−func (m *sidebarCmp) smallerScreenLogo() string {
938− t := styles.CurrentTheme()
939− title := t.S().Base.Foreground(t.Secondary).Render("Charm™")
940− title += " " + styles.ApplyBoldForegroundGrad("CRUSH", t.Secondary, t.Primary)
941− remainingWidth := m.width - lipgloss.Width(title) - 3
942− if remainingWidth > 0 {
943− char := "╱"
944− lines := strings.Repeat(char, remainingWidth)
945− title += " " + t.S().Base.Foreground(t.Primary).Render(lines)
946− }
947− return title
948−}
949−
950940// SetSession implements Sidebar.
951941func (m *sidebarCmp) SetSession(session session.Session) tea.Cmd {
952942 m.session = session
internal/tui/components/chat/splash/splash.go+15−6
@@ -134,10 +134,8 @@ func (s *splashCmp) Init() tea.Cmd {
134134// SetSize implements SplashPage.
135135func (s *splashCmp) SetSize(width int, height int) tea.Cmd {
136136 s.height = height
137− if width != s.width {
138− s.width = width
139− s.logoRendered = s.logoBlock()
140− }
137+ s.width = width
138+ s.logoRendered = s.logoBlock()
141139 // remove padding, logo height, gap, title space
142140 s.listHeight = s.height - lipgloss.Height(s.logoRendered) - (SplashScreenPaddingY * 2) - s.logoGap() - 2
143141 listWidth := min(60, width)
@@ -467,14 +465,25 @@ func (s *splashCmp) infoSection() string {
467465
468466func (s *splashCmp) logoBlock() string {
469467 t := styles.CurrentTheme()
470− return t.S().Base.Padding(0, 2).Width(s.width).Render(
468+ logoStyle := t.S().Base.Padding(0, 2).Width(s.width)
469+ if s.width < 40 || s.height < 20 {
470+ // If the width is too small, render a smaller version of the logo
471+ // NOTE: 20 is not correct because [splashCmp.height] is not the
472+ // *actual* window height, instead, it is the height of the splash
473+ // component and that depends on other variables like compact mode and
474+ // the height of the editor.
475+ return logoStyle.Render(
476+ logo.SmallRender(s.width - logoStyle.GetHorizontalFrameSize()),
477+ )
478+ }
479+ return logoStyle.Render(
471480 logo.Render(version.Version, false, logo.Opts{
472481 FieldColor: t.Primary,
473482 TitleColorA: t.Secondary,
474483 TitleColorB: t.Primary,
475484 CharmColor: t.Secondary,
476485 VersionColor: t.Primary,
477− Width: s.width - 4,
486+ Width: s.width - logoStyle.GetHorizontalFrameSize(),
478487 }),
479488 )
480489}
internal/tui/components/logo/logo.go+14
@@ -110,6 +110,20 @@ func Render(version string, compact bool, o Opts) string {
110110 return logo
111111}
112112
113+// SmallRender renders a smaller version of the Crush logo, suitable for
114+// smaller windows or sidebar usage.
115+func SmallRender(width int) string {
116+ t := styles.CurrentTheme()
117+ title := t.S().Base.Foreground(t.Secondary).Render("Charm™")
118+ title = fmt.Sprintf("%s %s", title, styles.ApplyBoldForegroundGrad("Crush", t.Secondary, t.Primary))
119+ remainingWidth := width - lipgloss.Width(title) - 1 // 1 for the space after "Crush"
120+ if remainingWidth > 0 {
121+ lines := strings.Repeat("╱", remainingWidth)
122+ title = fmt.Sprintf("%s %s", title, t.S().Base.Foreground(t.Primary).Render(lines))
123+ }
124+ return title
125+}
126+
113127// renderWord renders letterforms to fork a word.
114128func renderWord(spacing int, stretchRandomLetter bool, letterforms ...letterform) string {
115129 if spacing < 0 {