admin/web-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #3 from PlxEV/codex/melhorar-index.css-e-aplicar-em-todas-as-páginas

Browse Source 
Improve global styles
This commit is contained in:
PlxEV
2025-06-06 12:46:16 +01:00
committed by GitHub
parent eb3f3ea6bd 5b0874a35d
commit 4f7b0ae334
2 changed files with 67 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
index.html
View File

@@ -5,6 +5,7 @@
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/src/index.css" />
<title>Vite + React</title>
</head>
<body>

66
src/index.css
View File

@@ -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;
}