Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Compare commits

base: Seekra/frontend:feature/settings-renderer
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/settings-renderer Seekra/frontend:chore/privacy-policy-and-imprint
...
compare: Seekra/frontend:da912fcbf5969e528ab5c9ad774fefcd6c9e2312
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/settings-renderer Seekra/frontend:chore/privacy-policy-and-imprint

3 Commits
feature/settings-renderer ... da912fcbf5

Author SHA1 Message Date
jakob.scheid da912fcbf5 feat(navbar-padding): use the responsivity of the main content padding CSS variables 2026-06-04 13:39:45 +02:00
jakob.scheid 17f9e635fc move main content padding CSS variables to the app wrapper 2026-06-04 13:38:23 +02:00
johannes.vos 466ab701d0 style(nav): reduce navbar horizontal padding on small screens for better alignment 2026-06-04 13:22:30 +02:00
2 changed files with 6 additions and 3 deletions
Expand all files Collapse all files
src/App.vue
+5 -2
View File
@@ -42,15 +42,18 @@ watch(colorScheme, val => updateColorScheme(val))
</template> </template>
<style scoped> <style scoped>
.main-content { #app-wrapper {
--main-content-padding-x: 30px; --main-content-padding-x: 30px;
--main-content-padding-y: 40px; --main-content-padding-y: 40px;
--main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x); --main-content-padding: var(--main-content-padding-y) var(--main-content-padding-x);
}
.main-content {
flex-grow: 1; flex-grow: 1;
} }
@media (max-width: 48rem) { @media (max-width: 48rem) {
.main-content { #app-wrapper {
--main-content-padding-x: 15px; --main-content-padding-x: 15px;
} }
} }
src/features/nav/components/Navbar.vue
+1 -1
View File
@@ -42,7 +42,7 @@ import NavbarSearchBarWrapper from './NavbarSearchBarWrapper.vue';
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
padding: 18px 40px; padding: 18px var(--main-content-padding-x);
height: 42px; height: 42px;
} }