Compare commits
5 Commits
37ae9dbe53
...
v0.0.3
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
90b381823a | ||
|
|
52f29038d8 | ||
|
|
5dabf3f4ca | ||
|
|
281004434d | ||
|
|
c8b96ab8e7 |
22
CHANGELOG.md
Normal file
22
CHANGELOG.md
Normal file
@@ -0,0 +1,22 @@
|
||||
## [v0.0.3] - 2026-02-21
|
||||
|
||||
* feat: add custom favicon and update page title (52f2903)
|
||||
|
||||
## [v0.0.2] - 2026-02-21
|
||||
|
||||
* feat: Implement responsive styling for various screen sizes and refactor the main todo list container class. (2810044)
|
||||
|
||||
## [v0.0.1] - 2026-02-21
|
||||
|
||||
* feat: Introduce application version display in the frontend footer, showing both frontend and backend versions with integrated build arguments. (37ae9db)
|
||||
* feat: Automate versioning, changelog updates, and Git tagging, using the generated version for Docker image tags. (bbd3beb)
|
||||
* feat: Add `https://todo.almazlar.com` to allowed CORS origins. (a606983)
|
||||
* refactor: Update TodoController base request mapping from `/todos` to `/api/todos`. (e8be570)
|
||||
* refactor: remove `/api` prefix from TodoController request mapping. (d118222)
|
||||
* feat: Broaden backend CORS mapping to all paths and update frontend API base URL to production. (ca838b1)
|
||||
* refactor: switch to using docker/login-action for container registry authentication (568f662)
|
||||
* build: Update Gitea workflow to use `docker login` with `password-stdin` instead of `docker/login-action`. (dd0c2e2)
|
||||
* ci: Replace github context variables with gitea context variables in Docker build workflow. (082abfc)
|
||||
* feat: Add initial frontend dependencies, base CSS, and Gitea Docker build workflow. (cf58ccb)
|
||||
* Initial commit (c8572c5)
|
||||
|
||||
@@ -2,9 +2,9 @@
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>frontend</title>
|
||||
<title>To-Do Tasks</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
||||
10
frontend/public/favicon.svg
Normal file
10
frontend/public/favicon.svg
Normal file
@@ -0,0 +1,10 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<rect x="3" y="3" width="18" height="18" rx="4" stroke="none" fill="url(#grad)" />
|
||||
<path d="M8 12.5l2.5 2.5 5.5-5.5" stroke="#ffffff" stroke-width="2.5" />
|
||||
<defs>
|
||||
<linearGradient id="grad" x1="3" y1="3" x2="21" y2="21" gradientUnits="userSpaceOnUse">
|
||||
<stop offset="0%" stop-color="#8b5cf6" />
|
||||
<stop offset="100%" stop-color="#ec4899" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 557 B |
@@ -54,6 +54,7 @@
|
||||
margin-bottom: 2rem;
|
||||
background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
}
|
||||
|
||||
@@ -208,3 +209,89 @@
|
||||
.error {
|
||||
color: var(--danger);
|
||||
}
|
||||
|
||||
/* --- Responsive Design --- */
|
||||
|
||||
/* Tablets and small desktops */
|
||||
@media (max-width: 768px) {
|
||||
.app-container {
|
||||
padding: 1.75rem;
|
||||
width: 90%;
|
||||
max-width: 600px;
|
||||
min-height: 80vh;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 2.25rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile phones */
|
||||
@media (max-width: 480px) {
|
||||
.app-container {
|
||||
padding: 1.5rem 1rem;
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
min-height: 100vh;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.main-content {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.todo-wrapper {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.todo-list {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 1.75rem;
|
||||
margin-bottom: 1.25rem;
|
||||
}
|
||||
|
||||
.todo-form {
|
||||
flex-direction: column;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.add-btn {
|
||||
padding: 1rem;
|
||||
width: 100%;
|
||||
font-size: 1.05rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.todo-item {
|
||||
padding: 0.85rem 0.75rem;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.todo-text {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.app-footer {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.75rem;
|
||||
margin-top: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.app-footer code {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
@@ -73,7 +73,7 @@ const TodoList = () => {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="app-container">
|
||||
<div className="todo-wrapper">
|
||||
<h1 className="title">Tasks</h1>
|
||||
|
||||
<form className="todo-form" onSubmit={handleCreate}>
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user