Commit @fcc292e77d5728ed1432557dbee7e181ba27afa0

Y
List All
Feedback
- This Project
- All Projects

임동욱 08-20

fix: 사이드바 상단 테마 컨트롤이 늘어나던 것

FoxSegmentedControl은 inline-flex라 내용만큼만 넓은데, 상단을 세로 flex로 만들면서
기본값 align-items: stretch가 216px로 늘렸다. 마지막 칸은 구분선이 투명이라 남은
78px이 "다크" 칸의 일부처럼 보였다.

Co-Authored-By: Claude Opus 5

@fcc292e77d5728ed1432557dbee7e181ba27afa0

eabb484

fcc292e

@fox/dev-test/dev-test.module.scss

--- @fox/dev-test/dev-test.module.scss

+++ @fox/dev-test/dev-test.module.scss


 .top {
   display: flex;
   flex-direction: column;
+  // 세그먼티드 컨트롤은 inline-flex라 내용만큼만 넓다 — stretch로 늘리면 마지막 칸 뒤에
+  // 빈 자리가 붙어 그 칸이 길어 보인다.
+  align-items: flex-start;
   gap: fox.gap(3);
   padding-block-end: fox.spacing(bottom-sm);
   border-block-end: fox.border(1) solid fox.color(border-neutral-subtle);

Add a comment

Open 0
Closed 0

List

...	...	@@ -54,6 +54,9 @@
54	54	.top {
55	55	display: flex;
56	56	flex-direction: column;
	57	+ // 세그먼티드 컨트롤은 inline-flex라 내용만큼만 넓다 — stretch로 늘리면 마지막 칸 뒤에
	58	+ // 빈 자리가 붙어 그 칸이 길어 보인다.
	59	+ align-items: flex-start;
57	60	gap: fox.gap(3);
58	61	padding-block-end: fox.spacing(bottom-sm);
59	62	border-block-end: fox.border(1) solid fox.color(border-neutral-subtle);

Delete comment