tylen/nyipyatki
1
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: add some styling

Browse Source
This commit is contained in:
tylen 2025-10-30 22:25:48 +02:00
parent 98175ede85
commit 923adfc7dc
2 changed files with 1 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
frontend/src/App.css
View File

@ -1,15 +1,9 @@
#root { #root {
width: 100%; width: 100%;
max-width: 1280px; max-width: 1280px;
min-width: 375px;
margin: 0 auto;
text-align: center; text-align: center;
} }
.mainText {
color: #5f5e5e;
}
/* General table styles */ /* General table styles */
table { table {
width: 100%; width: 100%;
@ -23,13 +17,11 @@ table {
th { th {
background-color: #4CAF50; /* Green */ background-color: #4CAF50; /* Green */
color: white; color: white;
padding: 10px;
text-align: left; text-align: left;
} }
/* Table cell styles */ /* Table cell styles */
td { td {
padding: 10px;
border: 1px solid #ddd; border: 1px solid #ddd;
} }
@ -38,25 +30,6 @@ tr:nth-child(even) {
background-color: #f2f2f2; background-color: #f2f2f2;
} }
/* Responsive table styles */
@media (max-width: 600px) {
table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
th, td {
padding: 8px;
font-size: 0.9em;
}
th {
font-weight: bold;
background-color: #3C8A3C;
}
}
/* Hover effect for rows */ /* Hover effect for rows */
tr:hover { tr:hover {
background-color: #f1f1f1; background-color: #f1f1f1;

53
frontend/src/index.css
View File

@ -1,18 +1,3 @@
:root {
font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
line-height: 1.5;
font-weight: 400;
color-scheme: light dark;
color: rgba(255, 255, 255, 0.87);
background-color: #242424;
font-synthesis: none;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a { a {
font-weight: 500; font-weight: 500;
color: #646cff; color: #646cff;
@ -28,41 +13,5 @@ body {
place-items: center; place-items: center;
min-width: 320px; min-width: 320px;
min-height: 100vh; min-height: 100vh;
} overflow-x: hidden;
h1 {
font-size: 3.2em;
line-height: 1.1;
}
button {
border-radius: 8px;
border: 1px solid transparent;
padding: 0.6em 1.2em;
font-size: 1em;
font-weight: 500;
font-family: inherit;
background-color: #1a1a1a;
cursor: pointer;
transition: border-color 0.25s;
}
button:hover {
border-color: #646cff;
}
button:focus,
button:focus-visible {
outline: 4px auto -webkit-focus-ring-color;
}
@media (prefers-color-scheme: light) {
:root {
color: #213547;
background-color: #ffffff;
}
a:hover {
color: #747bff;
}
button {
background-color: #f9f9f9;
}
} }