Skip to content

Commit e5fae72

Browse files
committed
refactor: 防止 Close 折行
1 parent a731257 commit e5fae72

File tree

1 file changed

+10
-6
lines changed

1 file changed

+10
-6
lines changed

src/BootstrapBlazor/Components/Tab/Tab.razor.scss

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -141,6 +141,10 @@
141141
list-style: none;
142142
}
143143

144+
.tabs-item-wrap.active .tabs-item {
145+
color: var(--bb-tabs-item-active-color);
146+
}
147+
144148
.tabs-item {
145149
padding: var(--bb-tabs-item-padding);
146150
height: var(--bb-tabs-item-height);
@@ -152,13 +156,7 @@
152156
align-items: center;
153157
position: relative;
154158
transition: color .3s cubic-bezier(.645,.045,.355,1), padding .3s cubic-bezier(.645,.045,.355,1), transform .3s linear;
155-
}
156-
157-
.tabs-item-wrap.active .tabs-item {
158-
color: var(--bb-tabs-item-active-color);
159-
}
160159

161-
.tabs-item {
162160
&.disabled {
163161
opacity: var(--bb-tabs-item-disabled-opacity);
164162
}
@@ -173,6 +171,12 @@
173171
}
174172
}
175173

174+
.tabs-item-body {
175+
display: flex;
176+
align-items: center;
177+
flex-wrap: nowrap;
178+
}
179+
176180
.tabs-item-text {
177181
padding: 0 0.25rem;
178182
pointer-events: none;

0 commit comments

Comments
 (0)