burakalmazlar/todo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Implement responsive styling for various screen sizes and refactor the main todo list container class.
All checks were successful
Release and Build Docker Images / release-and-build (push) Successful in 1m29s
Details

Browse Source
This commit is contained in:
almazlar
2026-02-21 11:01:19 +03:00
parent c8b96ab8e7
commit 281004434d
3 changed files with 103 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/index.css
View File

@@ -22,7 +22,7 @@ body {
font-family: var(--font-family);
background-color: var(--bg-color);
background-image: radial-gradient(circle at top right, rgba(139, 92, 246, 0.15), transparent 40%),
radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.15), transparent 40%);
radial-gradient(circle at bottom left, rgba(236, 72, 153, 0.15), transparent 40%);
color: var(--text-main);
min-height: 100vh;
display: flex;
@@ -31,6 +31,19 @@ body {
padding: 4rem 1rem;
}
@media (max-width: 768px) {
body {
padding: 2rem 1rem;
}
}
@media (max-width: 480px) {
body {
padding: 0;
align-items: flex-start;
}
}
button {
cursor: pointer;
font-family: inherit;
@@ -42,4 +55,4 @@ button {
input {
font-family: inherit;
outline: none;
}
}