simple v1 version

2025-10-16 13:05:29 +03:00
parent 1f225ef2ef
commit 9d355a926e
5 changed files with 285 additions and 1 deletions
@@ -0,0 +1,98 @@
+body {
+  width: 100%;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  background-color: #1f1f1f;
+  color: #ffffff;
+}
+
+H1 {
+  text-align: center
+}
+
+
+.jetbrains-mono {
+  font-family: 'JetBrains Mono Nerd Font', monospace;
+  font-optical-sizing: auto;
+  font-weight: 300;
+}
+
+
+.parent {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: auto;
+  justify-content: space-between;
+  flex-direction: column;
+}
+
+.vblock {
+  display: flex;
+  margin: auto;
+  justify-content: space-between;
+  flex-direction: row;
+  padding: 10px;
+}
+
+.hblock {
+  margin: auto;
+}
+
+.time-blocks {
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+.time-block {
+  padding: 10px 15px;
+  background-color: #2a2a2a;
+  border-radius: 5px;
+  min-width: 60px;
+  text-align: center;
+  flex-shrink: 0;
+}
+
+.label-block {
+  background-color: #2a2a2a;
+  min-width: 16px;
+  flex-shrink: 0;
+  font-weight: 450;
+}
+
+.multi-rows-container {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  align-items: center;
+}
+
+.time-row {
+  display: flex;
+  gap: 20px;
+  justify-content: center;
+}
+
+#currentTime {
+  font-size: 3em;
+  margin: 20px 0;
+}
+
+
+@media (max-width: 768px) {
+  .time-blocks {
+    gap: 10px;
+  }
+
+  .time-block {
+    padding: 8px 12px;
+    min-width: 50px;
+  }
+}