From 5b0874a35d1e04a46f082f053da67a1ba9b1b8f1 Mon Sep 17 00:00:00 2001 From: PlxEV Date: Fri, 6 Jun 2025 12:45:52 +0100 Subject: [PATCH] Improve global styles --- index.html | 1 + src/index.css | 66 +++++++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 67 insertions(+) diff --git a/index.html b/index.html index 786e1cf..9fa1141 100755 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ + Vite + React diff --git a/src/index.css b/src/index.css index c6cbdf5..e68194e 100755 --- a/src/index.css +++ b/src/index.css @@ -584,3 +584,69 @@ th { font-size: 14px; } } + +/* Layout comum para páginas */ +.page-container { + max-width: 900px; + margin: 20px auto; + padding: 20px; + background-color: var(--color-surface); + border-radius: var(--border-radius); + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); +} + +/* Formulários */ +.form { + display: flex; + flex-direction: column; + gap: 15px; +} + +.form-group label { + display: block; + margin-bottom: 5px; +} + +.form-group input, +.form-group select, +.form-group textarea { + padding: 8px; + border: 1px solid var(--color-border); + border-radius: var(--border-radius); + width: 100%; +} + +.button-grid { + margin-top: 10px; + display: flex; + gap: 10px; +} + +/* Mensagens de feedback */ +.message { + padding: 10px 15px; + border-radius: var(--border-radius); + margin-bottom: 15px; + background-color: var(--color-table-header); + color: var(--color-dark); +} + +.message.success { + background-color: var(--color-primary); + color: var(--color-light); +} + +.message.error { + background-color: var(--color-alert); + color: var(--color-light); +} + +/* Caixa de log */ +.log-box { + background-color: var(--color-surface); + border: 1px solid var(--color-border); + padding: 15px; + border-radius: var(--border-radius); + max-height: 400px; + overflow: auto; +}