From 95beed65421d6db351a290bad5e15aff76c17351 Mon Sep 17 00:00:00 2001 From: Konstantin Bats <37730459+kbats183@users.noreply.github.com> Date: Fri, 6 Sep 2024 13:57:52 +0300 Subject: [PATCH] ContestantInfoScoreLabel width in visual (#198) Co-authored-by: Kostya Bats --- .../overlay/src/components/molecules/info/ContestantInfo.tsx | 4 ++-- src/frontend/overlay/src/config.ts | 2 ++ 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/src/frontend/overlay/src/components/molecules/info/ContestantInfo.tsx b/src/frontend/overlay/src/components/molecules/info/ContestantInfo.tsx index 113f3c54b..3a2834fcf 100644 --- a/src/frontend/overlay/src/components/molecules/info/ContestantInfo.tsx +++ b/src/frontend/overlay/src/components/molecules/info/ContestantInfo.tsx @@ -12,7 +12,7 @@ import { Award } from "@shared/api"; const ContestantInfoLabel = styled(RankLabel)` flex-shrink: 0; align-self: stretch; - width: 32px; + width: ${c.CONTESTER_INFO_RANK_WIDTH}; padding-left: 4px; `; @@ -41,7 +41,7 @@ const ContestantInfoWrap = styled.div<{round: boolean}>` const ContestantInfoScoreLabel = styled(ShrinkingBox)` flex-shrink: 0; box-sizing: content-box; - width: 51px; + width: ${c.CONTESTER_INFO_SCORE_WIDTH}; padding-right: 20px; `; diff --git a/src/frontend/overlay/src/config.ts b/src/frontend/overlay/src/config.ts index fe890a696..7a5b02443 100644 --- a/src/frontend/overlay/src/config.ts +++ b/src/frontend/overlay/src/config.ts @@ -211,6 +211,8 @@ config.CONTESTER_BACKGROUND_COLOR = config.CONTEST_COLOR; config.CONTESTER_ROW_BORDER_RADIUS = config.GLOBAL_BORDER_RADIUS; config.CONTESTER_ROW_HEIGHT = "32px"; config.CONTESTER_NAME_WIDTH = "150px"; +config.CONTESTER_INFO_SCORE_WIDTH = "51px"; +config.CONTESTER_INFO_RANK_WIDTH = "32px"; config.TIMELINE_ELEMENT_DIAMETER = 25; config.TIMELINE_BORDER_RADIUS = config.GLOBAL_BORDER_RADIUS;