Tai/Aberwyn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS fixes
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Elias Jansson
2025-05-21 23:09:17 +02:00
parent 3759769ea0
commit 01498edc69
2 changed files with 41 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
Aberwyn/Views/Home/Menu.cshtml
View File

@@ -12,7 +12,13 @@
</head> </head>
<body ng-controller="MealMenuController" ng-init="viewMode='list'"> <body ng-controller="MealMenuController" ng-init="viewMode='list'">
<div class="meal-menu-page"> <div class="meal-menu-page">
<div class="menu-header">
<h1>Veckomeny</h1> <h1>Veckomeny</h1>
<div class="top-buttons">
<button id="toggle-view" class="toggle-view-btn" ng-click="toggleView()" title="Byt vy">🗒️</button>
<button id="toggle-theme" class="theme-toggle-btn" title="Byt tema">🌙</button>
</div>
</div>
<div class="date-picker"> <div class="date-picker">
<button ng-click="goToPreviousWeek()">← Föregående vecka</button> <button ng-click="goToPreviousWeek()">← Föregående vecka</button>
@@ -20,14 +26,6 @@
<button ng-click="goToNextWeek()">Nästa vecka →</button> <button ng-click="goToNextWeek()">Nästa vecka →</button>
</div> </div>
<div class="view-selector">
<button id="toggle-view" class="toggle-view-btn" ng-click="toggleView()" title="Byt vy">🗒️</button>
<button id="toggle-theme" class="theme-toggle-btn" title="Byt tema">
🌙
</button>
</div>
<div ng-switch="viewMode"> <div ng-switch="viewMode">
<div ng-switch-when="list" class="list-view"> <div ng-switch-when="list" class="list-view">
<div ng-repeat="day in daysOfWeek" class="day-item"> <div ng-repeat="day in daysOfWeek" class="day-item">

34
Aberwyn/wwwroot/css/menu.css
View File

@@ -228,3 +228,37 @@ h1 {
margin-bottom: 2px; margin-bottom: 2px;
word-break: break-word; word-break: break-word;
} }
.menu-header {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 960px;
margin-bottom: var(--spacing);
}
.menu-header h1 {
font-size: 1.5rem;
color: var(--accent);
margin: 0;
}
.top-buttons {
display: flex;
gap: 8px;
}
.top-buttons button {
background: none;
border: none;
color: var(--text);
font-size: 1.2rem;
padding: 6px;
cursor: pointer;
border-radius: 4px;
transition: background-color 0.2s;
}
.top-buttons button:hover {
background-color: rgba(0, 0, 0, 0.1);
}