Skip to content

Commit 2897189

Browse files
author
root
committed
fix: исправлено дублирование стилей в AppHeader
Проблема: общие селекторы .header__user img и .header__user span применялись ко всем элементам внутри, включая кнопку выхода. Решение: сделаны селекторы более специфичными, переместив img и span внутрь селектора a для применения только к ссылкам.
1 parent 9a699f3 commit 2897189

File tree

1 file changed

+15
-15
lines changed

1 file changed

+15
-15
lines changed

frontend/src/layouts/AppHeader.vue

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -170,28 +170,28 @@ $shadow-light:
170170
&:focus {
171171
opacity: 0.5;
172172
}
173-
}
174-
175-
img {
176-
display: inline-block;
173+
174+
img {
175+
display: inline-block;
177176
178-
width: 32px;
179-
height: 32px;
180-
margin-right: 8px;
177+
width: 32px;
178+
height: 32px;
179+
margin-right: 8px;
181180
182-
vertical-align: middle;
181+
vertical-align: middle;
183182
184-
border-radius: 50%;
185-
}
183+
border-radius: 50%;
184+
}
186185
187-
span {
188-
@include r-s14-h16;
186+
span {
187+
@include r-s14-h16;
189188
190-
display: inline-block;
189+
display: inline-block;
191190
192-
vertical-align: middle;
191+
vertical-align: middle;
193192
194-
color: $white;
193+
color: $white;
194+
}
195195
}
196196
}
197197

0 commit comments

Comments
 (0)