From 6b1124836420c7dc5f623c45583bc94af6bd12f4 Mon Sep 17 00:00:00 2001 From: trashtemp <96388163+trashtemp@users.noreply.github.com> Date: Sat, 25 Dec 2021 00:01:15 +0100 Subject: [PATCH] fix(servers): fixed server text font size --- src/components/common/ServerIcon.tsx | 2 ++ src/components/ui/Header.tsx | 7 ++++++- 2 files changed, 8 insertions(+), 1 deletion(-) diff --git a/src/components/common/ServerIcon.tsx b/src/components/common/ServerIcon.tsx index d7d2977c..19503319 100644 --- a/src/components/common/ServerIcon.tsx +++ b/src/components/common/ServerIcon.tsx @@ -15,6 +15,8 @@ interface Props extends IconBaseProps { const ServerText = styled.div` display: grid; padding: 0.2em; + font-size: 0.75rem; + font-weight: 600; overflow: hidden; place-items: center; color: var(--foreground); diff --git a/src/components/ui/Header.tsx b/src/components/ui/Header.tsx index 48b1062b..6d238f23 100644 --- a/src/components/ui/Header.tsx +++ b/src/components/ui/Header.tsx @@ -29,11 +29,16 @@ const Header = styled.div` font-weight: 600; user-select: none; align-items: center; - background-size: cover !important; background-position: center !important; background-color: var(--primary-header); + > div { + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + svg { flex-shrink: 0; }