restore frontend base structure and style.css + modal

This commit is contained in:
ecki
2026-03-10 12:20:38 +01:00
parent d973cd216a
commit 08523cbca0
+74 -49
View File
@@ -1,70 +1,95 @@
body{ body {
font-family:Arial; font-family: Arial, sans-serif;
margin:40px; margin: 40px;
background:#f4f6f8; background: #f4f6f8;
} }
h1{ h1 {
margin-bottom:30px; margin-bottom: 30px;
} }
section{ section {
background:white; background: white;
padding:20px; padding: 20px;
margin-bottom:30px; margin-bottom: 30px;
border-radius:8px; border-radius: 8px;
box-shadow:0 2px 6px rgba(0,0,0,0.1); border-left: 4px solid #3b82f6;
border-left:4px solid #3b82f6; box-shadow: 0 2px 6px rgba(0,0,0,0.1);
} }
table{ table {
width:100%; width: 100%;
border-collapse:collapse; border-collapse: collapse;
margin-top:10px; margin-top: 10px;
} }
th,td{ th, td {
padding:8px; padding: 8px;
border-bottom:1px solid #ddd; border-bottom: 1px solid #ddd;
text-align:left; text-align: left;
} }
th{ th {
background:#1e3a8a; background: #1e3a8a;
color:white; color: white;
} }
button{ td {
background:#3b82f6; vertical-align: top;
color:white;
border:none;
border-radius:4px;
padding:6px 10px;
margin:2px;
cursor:pointer;
} }
button:hover{ button {
background:#1e40af; background: #3b82f6;
color: white;
border: none;
border-radius: 4px;
padding: 6px 10px;
margin: 2px;
cursor: pointer;
} }
.provider{ button:hover {
background:#e9f2ff; background: #1e40af;
padding:2px 8px;
border-radius:4px;
font-size:12px;
} }
.ip{ input, textarea {
font-size:12px; padding: 6px;
background:#f4f4f4; margin: 4px;
padding:2px 6px; width: 95%;
margin:2px 0;
border-radius:4px;
display:inline-block;
} }
.system{ .provider {
font-size:13px; background: #e9f2ff;
color:#333; padding: 2px 8px;
border-radius: 4px;
font-size: 12px;
}
.ip {
font-size: 12px;
background: #f4f4f4;
padding: 2px 6px;
margin: 2px;
border-radius: 4px;
display: inline-block;
}
.system {
font-size: 13px;
color: #333;
}
.modal {
display: none;
position: fixed;
top: 10%;
left: 50%;
transform: translateX(-50%);
background: white;
padding: 20px;
width: 600px;
max-height: 80vh;
overflow: auto;
box-shadow: 0 10px 30px rgba(0,0,0,0.3);
border-radius: 6px;
} }