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

[EDIT]スマホ画面のデザインに統一しました

Browse Source
This commit is contained in:
[IIJ] Naoki Kawahito
2026-09-24 15:18:15 +09:00
parent 87fbc67a02
commit ab2bb89d24
20 changed files with 1275 additions and 669 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
src/main/resources/templates/menu.html
View File

@@ -8,13 +8,13 @@
<title>Calendar</title>
<link rel="stylesheet" th:href="@{/css/menu.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body class="pb-5 pt-5">
<body>
<div th:replace="~{header :: header}"></div>
@@ -97,51 +97,67 @@
</table>
<div class="total">
<div class="card shadow-sm mb-3">
<div>
<span>収入：</span>
<span th:text="${totalIncome}"></span>
<span>円</span>
</div>
<div class="card-body">
<div>
<span>支出：</span>
<span th:text="${totalExpense}"></span>
<span>円</span>
</div>
<div class="d-flex justify-content-between mb-2">
<span>収入</span>
<span th:text="'￥' + ${totalIncome}"></span>
</div>
</div>
<div class="d-flex justify-content-between">
<span>支出</span>
<span th:text="'￥' + ${totalExpense}"></span>
</div>
</div>
<div>
<span>目標貯金</span>
<span th:text="${targetAmount}"></span>
<span>円</span>
</div>
<div>
<span>現在高</span>
<span th:text="${currentAmount}"></span>
<span>円</span>
</div>
<hr class="border border-primary border-2 opacity-50">
<div class="card shadow-sm mb-3">
<div class="card-body">
<div class="d-flex justify-content-between mb-2">
<span>目標資金</span>
<span th:text="'￥' + ${targetAmount}"></span>
</div>
<div class="d-flex justify-content-between mb-2">
<span>現在高</span>
<span th:text="'￥' + ${currentAmount}"></span>
</div>
<div class="d-flex justify-content-between">
<span>貯金額</span>
<span th:text="'￥' + ${saving}"></span>
</div>
</div>
<div>
<span>貯金額</span>
<span th:text="${saving}"></span>
<span>円</span>
</div>
<hr>
<div>
<span>達成率</span>
<span th:text="${achievementRate}"></span>
<span>%</span>
</div>
<div>
<span>達成期限</span>
<span th:text="${deadline}"></span>
<span>円</span>
<div class="card shadow-sm">
<div class="card-body">
<div class="d-flex justify-content-between mb-2">
<span>達成率</span>
<span th:text="${achievementRate} + '%'"
class="badge bg-success">
</span>
</div>
<div class="d-flex justify-content-between">
<span>達成期限</span>
<span th:text="${deadline}"></span>
</div>
</div>
</div>
<div th:replace="~{footer :: footer}"></div>