Added basic app skeleton

2026-09-04 17:23:28 +00:00 · 2025-01-02 23:48:15 +02:00
parent 1a67918384
commit 5d59380361
4 changed files with 343 additions and 17 deletions
@@ -0,0 +1,152 @@
+* {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+}
+
+body {
+    background: #191a33;
+    color: #beb2b2;
+    padding: 0 50px 0 50px;
+    height: 100vh;
+    display: flex;
+}
+
+.container {
+    background: #21223d;
+    padding: 24px;
+    border: 1px solid #1e2039;
+    height: 100%;
+    width: 100%;
+    max-width: 1000px;
+    margin: auto;
+    gap: 24px;
+}
+
+.main-section {
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.header {
+    display: flex;
+    flex-direction: column;
+}
+
+.header h1 {
+    font-size: 26px;
+    margin-bottom: 8px;
+    color: #6d67fd;
+    background: #3a3881;
+    border-radius: 10px;
+    padding: 5px 10px;
+    width: fit-content;
+}
+
+.header p {
+    color: #beb2b2;
+    font-size: 13px;
+}
+
+.path-section {
+    background: #26254b;
+    padding: 16px;
+    border-radius: 6px;
+    border: 1px solid #1e2039;
+}
+
+.path-section label {
+    display: block;
+    margin-bottom: 8px;
+    font-size: 13px;
+    color: #f8f6f6;
+}
+
+.path-input-container {
+    display: flex;
+    gap: 8px;
+}
+
+.path-input {
+    flex: 1;
+    background: #21223d;
+    color: #beb2b2;
+    padding: 8px 12px;
+    border: 1px solid #6d67fd;
+    border-radius: 4px;
+    font-size: 14px;
+}
+
+.browse-btn {
+    background: #6d67fd;
+    border: none;
+    padding: 8px 16px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 14px;
+    color: #f8f6f6;
+    transition: background 0.2s;
+}
+
+.browse-btn:hover {
+    background: #6d67fd;
+}
+
+.patch-btn {
+    background: #6d67fd;
+    color: #f8f6f6;
+    border: none;
+    padding: 12px 24px;
+    border-radius: 4px;
+    font-size: 16px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+
+.patch-btn:hover:enabled {
+    scale: 105%;
+}
+
+.patch-btn:disabled {
+    background: #3a3881;
+    cursor: not-allowed;
+    opacity: 0.7;
+}
+
+.log-section {
+    background: #26254b;
+    color: #beb2b2;
+    padding: 16px;
+    border-radius: 6px;
+    height: 100%;
+    font-family: monospace;
+    font-size: 14px;
+    overflow-y: auto;
+    border: 1px solid #1e2039;
+}
+
+.log-entry {
+    margin-bottom: 8px;
+    line-height: 1.4;
+}
+
+.success {
+    color: #08fc81;
+}
+
+.error {
+    color: #f04343;
+}
+
+.warning {
+    color: #facc15;
+}
+
+.info {
+    color: #6d67fd;
+}