Feat(settings): base settings page #74

2026-05-23T12:58:03+02:00

jakob.scheid commented

2026-05-23 12:58:03 +02:00

Description

This PR includes the base settings page which will be expanded to include logic at a later date.

Why?

There are (UI) decisions that the user should make, such as showing flags in the language selection dropdown menu or not.

Summary

New route (/settings) for the settings page
Layout for a sidebar on the left
Restructuring of some components and CSS classes
Second footer segment containing a router link to the settings page
Lower footer (due to the second footer segment)

Implementation

Created a layout component for views with a sidebar on the left side + main content on the right side that is used in the settings page. To ensure a consistent layout (without any breaks in the boundary lines), the main content padding must now be set in the views, so that the padding can be set separately for each view. As a result, it is possible to omit the padding. There is a new class for setting this padding (main-content-padding) that can be simply added to the class list of a view container to set the padding.

Furthermore, the main content container in src/App.vue was removed, so that every view needs a container.

Related Issues

Closes: #72

# Description This PR includes the base settings page which will be expanded to include logic at a later date. ## Why? There are (UI) decisions that the user should make, such as showing flags in the language selection dropdown menu or not. ## Summary - New route (`/settings`) for the settings page - Layout for a sidebar on the left - Restructuring of some components and CSS classes - Second footer segment containing a router link to the settings page - Lower footer (due to the second footer segment) ## Implementation Created a layout component for views with a sidebar on the left side + main content on the right side that is used in the settings page. To ensure a consistent layout (without any breaks in the boundary lines), the main content padding must now be set in the views, so that the padding can be set separately for each view. As a result, it is possible to omit the padding. There is a new class for setting this padding (`main-content-padding`) that can be simply added to the class list of a view container to set the padding. Furthermore, the main content container in `src/App.vue` was removed, so that every view needs a container. ## Related Issues Closes: #72

jakob.scheid added this to the 0.1.0 milestone 2026-05-23 12:58:03 +02:00

jakob.scheid added the Kind/Feature

Priority

Medium

3

Area/Global labels 2026-05-23 12:58:03 +02:00

jakob.scheid added this to the Project Board project 2026-05-23 12:58:03 +02:00

jakob.scheid added 42 commits 2026-05-23 12:58:04 +02:00

Add settings view boilerplate 8901967ab0

Add translations for 'settings' 6d5c7e4270

Add settings route 027ee2d191

Add settings view heading 6726600c8e