From c8fccc9a1359c8c23b50095195c63ccee89b296b Mon Sep 17 00:00:00 2001 From: Justin Edmund Date: Fri, 30 Jun 2023 22:25:26 -0700 Subject: [PATCH] Update Segment styles Notably, there's a nice transition now --- components/common/Segment/index.module.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/components/common/Segment/index.module.scss b/components/common/Segment/index.module.scss index fd87b69d..9da1cd46 100644 --- a/components/common/Segment/index.module.scss +++ b/components/common/Segment/index.module.scss @@ -22,13 +22,18 @@ & label { border-radius: $unit * 3; - display: block; + display: flex; + align-items: center; + justify-content: center; text-align: center; + box-sizing: border-box; + height: 100%; white-space: nowrap; overflow: hidden; padding: 8px 12px; text-overflow: ellipsis; cursor: pointer; + transition: all 0.15s ease-in-out; &:before { background: #fff;