brian/baby-monitor
1
0
Fork 0
Code Issues 3 Pull Requests 1 Actions Packages Projects Releases 12 Wiki Activity

reverted style changes
Build and Push Docker Image / build-and-push (pull_request) Successful in 59s
Details
Python Code Quality / python-code-quality (pull_request) Successful in 11s
Details
Python Test / python-test (pull_request) Successful in 18s
Details

Browse Source
This commit is contained in:
Brian Bjarke Jensen
2025-11-11 21:33:01 +01:00
parent 0fa011de8d
commit 8c93e62bef
6 changed files with 198 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/baby_monitor/static/diapers.html
+44 -3
View File
@@ -5,11 +5,41 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Diapers - Baby Monitor</title>
<link rel="stylesheet" href="/menu.css" />
<link rel="stylesheet" href="/styles.css" />
<style>
/* Page-specific overrides */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, sans-serif;
background-color: #f0f0f0;
min-height: 100vh;
max-width: 800px;
margin: 2rem auto;
padding: 0 1rem;
}
.container {
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
padding: 40px;
}
h1 {
color: #333;
margin-bottom: 10px;
font-size: 28px;
}
.subtitle {
color: #666;
margin-bottom: 30px;
font-size: 14px;
}
.button {
@@ -42,6 +72,10 @@
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
}
.hidden {
display: none;
}
.loading {
text-align: center;
padding: 40px;
@@ -84,6 +118,13 @@
.chart-wrapper {
position: relative;
height: 300px;
max-width: 100%;
margin: 0 auto;
}
.chart-wrapper canvas {
max-width: 100%;
max-height: 100%;
}
.charts-row {
src/baby_monitor/static/feedings.html
+47 -2
View File
@@ -5,9 +5,43 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Feedings - Baby Monitor</title>
<link rel="stylesheet" href="/menu.css" />
<link rel="stylesheet" href="/styles.css" />
<style>
/* Page-specific styles */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, sans-serif;
background-color: #f0f0f0;
min-height: 100vh;
max-width: 800px;
margin: 2rem auto;
padding: 0 1rem;
}
.container {
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
padding: 40px;
}
h1 {
color: #333;
margin-bottom: 10px;
font-size: 28px;
}
.subtitle {
color: #666;
margin-bottom: 30px;
font-size: 14px;
}
.button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
@@ -38,6 +72,10 @@
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
}
.hidden {
display: none;
}
.loading {
text-align: center;
padding: 40px;
@@ -80,6 +118,13 @@
.chart-wrapper {
position: relative;
height: 300px;
max-width: 100%;
margin: 0 auto;
}
.chart-wrapper canvas {
max-width: 100%;
max-height: 100%;
}
.charts-row {
src/baby_monitor/static/index.html
+30 -3
View File
@@ -5,9 +5,29 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Baby Monitor</title>
<link rel="stylesheet" href="/menu.css" />
<link rel="stylesheet" href="/styles.css" />
<style>
/* Page-specific styles */
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 2rem auto;
padding: 0 1rem;
background-color: #f0f0f0;
}
.container {
background: white;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
margin-bottom: 1rem;
}
.greeting {
color: #666;
font-size: 1.1rem;
margin-bottom: 2rem;
}
button {
padding: 0.75rem 1.5rem;
background-color: #dc3545;
@@ -27,6 +47,13 @@
.admin-button:hover {
background-color: #5568d3;
}
.hidden {
display: none;
}
.loading {
text-align: center;
padding: 2rem;
}
.feeding-button {
width: 100%;
padding: 2rem;
@@ -237,7 +264,7 @@
.then((user) => {
// Initialize burger menu
initBurgerMenu({
includeHome: false,
includeHome: true,
});
// Check if user has any children
src/baby_monitor/static/settings.html
+33 -3
View File
@@ -5,11 +5,41 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Settings - Baby Monitor</title>
<link rel="stylesheet" href="/menu.css" />
<link rel="stylesheet" href="/styles.css" />
<style>
/* Page-specific overrides */
.container {
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, sans-serif;
background-color: #f0f0f0;
min-height: 100vh;
max-width: 800px;
margin: 2rem auto;
padding: 0 1rem;
}
.container {
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
padding: 40px;
}
h1 {
color: #333;
margin-bottom: 10px;
font-size: 28px;
}
.subtitle {
color: #666;
margin-bottom: 30px;
font-size: 14px;
}
.section {
src/baby_monitor/static/sleep.html
+44 -3
View File
@@ -5,11 +5,41 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Sleep - Baby Monitor</title>
<link rel="stylesheet" href="/menu.css" />
<link rel="stylesheet" href="/styles.css" />
<style>
/* Page-specific overrides */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, sans-serif;
background-color: #f0f0f0;
min-height: 100vh;
max-width: 800px;
margin: 2rem auto;
padding: 0 1rem;
}
.container {
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
padding: 40px;
}
h1 {
color: #333;
margin-bottom: 10px;
font-size: 28px;
}
.subtitle {
color: #666;
margin-bottom: 30px;
font-size: 14px;
}
.button {
@@ -42,6 +72,10 @@
box-shadow: 0 4px 12px rgba(108, 117, 125, 0.4);
}
.hidden {
display: none;
}
.loading {
text-align: center;
padding: 40px;
@@ -84,6 +118,13 @@
.chart-wrapper {
position: relative;
height: 300px;
max-width: 100%;
margin: 0 auto;
}
.chart-wrapper canvas {
max-width: 100%;
max-height: 100%;
}
.charts-row {
src/baby_monitor/static/styles.css
-89
View File
@@ -1,89 +0,0 @@
/* Common styles for Baby Monitor app */
/* CSS Reset */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Body styling */
body {
font-family:
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu,
Cantarell, sans-serif;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh;
padding: 20px;
}
/* Main container */
.container {
background: white;
border-radius: 12px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
padding: 40px;
max-width: 1000px;
margin: 0 auto;
}
/* Typography */
h1 {
color: #333;
margin-bottom: 10px;
font-size: 28px;
}
.subtitle {
color: #666;
margin-bottom: 30px;
font-size: 14px;
}
/* Common button styles */
.button {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
color: white;
border: none;
padding: 12px 24px;
border-radius: 6px;
cursor: pointer;
font-size: 14px;
font-weight: 500;
transition: all 0.3s;
margin-right: 8px;
margin-bottom: 8px;
}
.button:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);
}
.button.secondary {
background: #6c757d;
}
.button.secondary:hover {
background: #5a6268;
}
.button.danger {
background: linear-gradient(135deg, #dc3545 0%, #c82333 100%);
}
.button.danger:hover {
box-shadow: 0 4px 12px rgba(220, 53, 69, 0.4);
}
/* Loading state */
.loading {
text-align: center;
padding: 40px;
color: #666;
}
/* Hidden utility class */
.hidden {
display: none;
}