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:da912fcbf5969e528ab5c9ad774fefcd6c9e2312
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/settings-renderer Seekra/frontend:chore/privacy-policy-and-imprint
...
compare: Seekra/frontend:c919263c366ecbaf25bce021f9c49d0346b4115f
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/settings-renderer Seekra/frontend:chore/privacy-policy-and-imprint

8 Commits
da912fcbf5 ... c919263c36

Author SHA1 Message Date
jakob.scheid c919263c36 feat(navbar-padding): use the responsivity of the main content padding CSS variables 2026-06-04 13:39:58 +02:00
jakob.scheid 592eb7222f move main content padding CSS variables to the app wrapper 2026-06-04 13:39:58 +02:00
johannes.vos 98579b726b style(nav): reduce navbar horizontal padding on small screens for better alignment 2026-06-04 13:39:58 +02:00
jakob.scheid 4e6c94afc8 Merge pull request 'Fix spacing between Seekra logo and slogan' (#109) from feature/vertical-spacing-slogan-logo into main
Deploy on dev / Deploy on dev (push) Successful in 32s
Details 
Reviewed-on: #109
Reviewed-by: Jakob Gregory
 2026-06-04 13:22:17 +02:00
johannes.vos f2f7e9e23c remove unnecesary empty code lines 2026-06-04 13:16:31 +02:00
johannes.vos 08949d5bb4 remove @media (max-width: 48rem) - unneccesary 2026-06-04 13:13:58 +02:00
johannes.vos 65153db414 style(search): implement responsive mobile spacing for slogan via media query 2026-06-04 13:11:55 +02:00
johannes.vos 58e4640965 style(search): add desktop vertical spacing and fix line-height for slogan 2026-06-04 13:10:43 +02:00
3 changed files with 9 additions and 5 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;
} }
src/views/SearchView.vue
+2 -1
View File
@@ -68,8 +68,9 @@ const submitSearch = function () {
} }
.slogan { .slogan {
margin: 0; margin-top: 1rem;
font-size: small; font-size: small;
line-height: normal;
} }
.search-container { .search-container {