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

Fix(logo): spacing between Seekra logo and slogan #109

Merged
jakob.scheid merged 4 commits from feature/vertical-spacing-slogan-logo into main 2026-06-04 13:22:17 +02:00
Conversation 1 Commits 4 Files Changed 1
+3 -2
johannes.vos commented 2026-06-04 13:16:43 +02:00
Member
Copy Link
Copy Source

Description

This PR addresses the cramped layout in the hero section by introducing a clean vertical spacing between the Seekra logo and the slogan text.

Instead of a fluid scaling or complex media queries, a consistent spacing of 1rem (16px) has been applied to maintain visual hierarchy and breathing room across all device sizes, keeping it predictable and aligned with the layout.

Related Issues

Closes #103

Changes

  • src/views/SearchView.vue:
    • Replaced margin: 0; with margin-top: 1rem; on the .slogan class.
    • Added line-height: normal; to ensure the bounding box of the text doesn't overlap with the logotype.

How to Test

  1. Open the start page/search view.
  2. Verify that there is a clear 16px gap between the bottom of the logo and the top of the slogan.
  3. Resize the viewport from desktop down to mobile width; the spacing should remain constant and readable.
## Description This PR addresses the cramped layout in the hero section by introducing a clean vertical spacing between the Seekra logo and the slogan text. Instead of a fluid scaling or complex media queries, a consistent spacing of `1rem` (`16px`) has been applied to maintain visual hierarchy and breathing room across all device sizes, keeping it predictable and aligned with the layout. ## Related Issues Closes #103 ## Changes - **`src/views/SearchView.vue`**: - Replaced `margin: 0;` with `margin-top: 1rem;` on the `.slogan` class. - Added `line-height: normal;` to ensure the bounding box of the text doesn't overlap with the logotype. ## How to Test 1. Open the start page/search view. 2. Verify that there is a clear `16px` gap between the bottom of the logo and the top of the slogan. 3. Resize the viewport from desktop down to mobile width; the spacing should remain constant and readable.
johannes.vos added this to the 0.1.0 milestone 2026-06-04 13:16:43 +02:00
johannes.vos added the
Priority
Low
4
Area/Start pageKind/Feature labels 2026-06-04 13:16:43 +02:00
johannes.vos self-assigned this 2026-06-04 13:16:43 +02:00
johannes.vos added this to the Project Board project 2026-06-04 13:16:43 +02:00
johannes.vos added 4 commits 2026-06-04 13:16:43 +02:00
style(search): add desktop vertical spacing and fix line-height for slogan 58e4640965
style(search): implement responsive mobile spacing for slogan via media query 65153db414
remove @media (max-width: 48rem) - unneccesary 08949d5bb4
remove unnecesary empty code lines f2f7e9e23c
johannes.vos moved this to Review in Project Board on 2026-06-04 13:17:05 +02:00
jakob.gregory approved these changes 2026-06-04 13:18:33 +02:00
jakob.gregory marked the pull request as work in progress 2026-06-04 13:18:39 +02:00
jakob.gregory marked the pull request as ready for review 2026-06-04 13:18:49 +02:00
jakob.scheid merged commit 4e6c94afc8 into main 2026-06-04 13:22:17 +02:00
jakob.scheid deleted branch feature/vertical-spacing-slogan-logo 2026-06-04 13:22:17 +02:00
jakob.scheid moved this to Done in Project Board on 2026-06-04 13:41:23 +02:00
jakob.scheid changed title from Fix spacing between Seekra logo and slogan to Fix: spacing between Seekra logo and slogan 2026-07-20 12:18:53 +02:00
jakob.scheid changed title from Fix: spacing between Seekra logo and slogan to Fix(logo): spacing between Seekra logo and slogan 2026-07-20 12:28:24 +02:00
Sign in to join this conversation.
Reviewers
No Reviewers
jakob.gregory
Labels
Clear labels
Area/Global
A global issue or pull request
 Area/Search Results
An issue or pull requests related to the search results feature
 Area/Settings
The issue or pull request is related to the settings
 Area/Start page
Related to the start page
 Compat/Breaking
Breaking change that will not be backward compatible
 Kind/Bug
Something is not working
 Kind/Chore
Chore and maintainerance
 Kind/Documentation
Documentation changes
 Kind/Enhancement
Improve existing functionality
 Kind/Feature
New functionality
 Kind/Refactor
Refactoring code
 Kind/Security
This is security issue
 Kind/Testing
Issue or pull request related to testing
 Kind/Urgent
The issue or pull request is urgent
Priority
Critical
1
The priority is critical
Priority
High
2
The priority is high
Priority
Low
4
The priority is low
Priority
Medium
3
The priority is medium
Reviewed
Confirmed
1
Issue has been confirmed
Reviewed
Duplicate
2
This issue or pull request already exists
Reviewed
Invalid
3
Invalid issue
Reviewed
Will Not Fix
3
This issue will not be fixed
Status
Abandoned
3
Somebody has started to work on this but abandoned work
Status
Blocked
1
Something is blocking this issue or pull request
Status
Need More Info
2
Feedback is required to reproduce issue or to continue work
No labels Area/Start page Kind/Feature
Priority
Low
4
Milestone
No items
No Milestone 0.1.0
Projects
Clear projects
No projects
Project Board
Done
Assignees
Clear assignees
jakob.gregory (Jakob Gregory) jakob.scheid (Jakob Scheid) johannes.vos (Johannes Vos)
No Assignees johannes.vos
2 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: Seekra/frontend#109