torsten/yourpart3
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

style(AppSectionBar): enhance layout and styling for improved visual presentation

Browse Source 
- Updated .app-section-bar__copy to use flexbox for better alignment and spacing.
- Added gap and flex-wrap properties to improve layout responsiveness.
- Adjusted styles in .app-section-bar__eyebrow for a more cohesive design.
This commit is contained in:
Torsten Schulz (local)
2026-03-30 10:45:49 +02:00
parent 34f22229bb
commit 966c73dda9
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/AppSectionBar.vue
View File

@@ -166,12 +166,14 @@ export default {
} }
.app-section-bar__copy { .app-section-bar__copy {
display: flex;
align-items: center;
gap: 10px;
min-width: 0; min-width: 0;
} }
.app-section-bar__eyebrow { .app-section-bar__eyebrow {
display: inline-flex; display: inline-flex;
margin-bottom: 6px;
padding: 4px 10px; padding: 4px 10px;
border-radius: var(--radius-pill); border-radius: var(--radius-pill);
background: var(--color-secondary-soft); background: var(--color-secondary-soft);
@@ -200,6 +202,10 @@ export default {
align-items: flex-start; align-items: flex-start;
} }
.app-section-bar__copy {
flex-wrap: wrap;
}
.app-section-bar__back { .app-section-bar__back {
width: 100%; width: 100%;
} }