jens/TimeTrack
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add CSS for Tablet sized Screens.

Browse Source
This commit is contained in:
Jens Luedicke
2025-07-14 10:07:56 +02:00
committed by Jens Luedicke
parent 5763a9cfc4
commit 5f54b02684
4 changed files with 514 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
templates/layout.html
View File

@@ -36,6 +36,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='css/mobile-optimized.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/mobile-forms.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/mobile-bottom-nav.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/tablet-optimized.css') }}">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@tabler/icons@latest/iconfont/tabler-icons.min.css">
<!-- PWA Support -->
@@ -82,8 +83,8 @@
color: inherit;
text-decoration: none;
}
/* Fix mobile hamburger menu visibility */
@media (max-width: 768px) {
/* Fix mobile and tablet hamburger menu visibility */
@media (max-width: 1024px) {
#mobile-nav-toggle span {
background-color: var(--primary-color, #667eea) !important;
display: block !important;