2026_09_5H_Spring_KIZAKI/Monegement
16
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[STYLE] 目標作成画面のCSS結合

Browse Source
This commit is contained in:
s-choi
2026-09-25 14:38:21 +09:00
parent 65290c0189
commit 1438c94406
1 changed files with 40 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/main/resources/templates/goal_create.html
View File

@@ -1,46 +1,56 @@
<!DOCTYPE html> <!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"> <html xmlns:th="http://www.thymeleaf.org">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1" http-equiv="Content-Type">
<title>目標作成</title> <title>目標作成</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" th:href="@{/css/style.css}">
</head> </head>
<body class="pb-5 pt-5">
<body style="padding-top:80px; padding-bottom:80px;">
<div th:replace="~{header :: header}"></div> <div th:replace="~{header :: header}"></div>
<h1>目標作成</h1> <div class="main-container">
<form th:action="@{/goal/create}" th:object="${goalForm}" method="post"> <h1 class="page-title">目標作成</h1>
<input type="hidden" th:field="*{goalId}">
<div> <div class="card shadow-sm">
<label>目標名</label>
<input type="text" th:field="*{goalTitle}" required>
</div>
<div> <div class="card-body">
<label>目標説明</label>
<textarea th:field="*{goalSubtitle}" required></textarea>
</div>
<div> <form th:action="@{/goal/create}" th:object="${goalForm}" method="post">
<label>目標金額</label> <input type="hidden" th:field="*{goalId}">
<input type="number" th:field="*{targetAmount}" required min="1">
</div>
<div> <div>
<label>目標達成期限</label> <label>目標名</label>
<input type="date" th:field="*{deadline}" th:min="${#temporals.format(#temporals.createNow(), 'yyyy-MM-dd')}" required> <input type="text" th:field="*{goalTitle}" required>
</div> </div>
<button type="submit">更新する</button>
</form> <div>
<label>目標説明</label>
<textarea th:field="*{goalSubtitle}" required></textarea>
</div>
<div th:replace="~{footer :: footer}"></div> <div>
<label>目標金額</label>
<input type="number" th:field="*{targetAmount}" required min="1">
</div>
<div>
<label>目標達成期限</label>
<input type="date" th:field="*{deadline}"
th:min="${#temporals.format(#temporals.createNow(), 'yyyy-MM-dd')}" required>
</div>
<button type="submit" class="btn btn-sm btn-primary w-100">更新する</button>
</form>
<div th:replace="~{footer :: footer}"></div>
</body> </body>
</html> </html>