From 4783c112c993f92d1d5bfdd369bb2a3a4abb6261 Mon Sep 17 00:00:00 2001
From: kynmh69 <hiroki.kayanuma@gmail.com>
Date: Fri, 29 Mar 2024 18:05:02 +0900
Subject: [PATCH] feature add to manage api key #29 fix top

---
 src/key_management/README.md                  | 2 +-
 src/key_management/static/css/main_output.css | 9 +++++++++
 src/key_management/view/top.html              | 9 ++++++++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/key_management/README.md b/src/key_management/README.md
index 1aa0914..e698972 100644
--- a/src/key_management/README.md
+++ b/src/key_management/README.md
@@ -13,5 +13,5 @@ npm install -D tailwindcss postcss autoprefixer
 2. コンパイルをする
 
 ```bash
-npx tailwindcss -i ./view/css/main.css -o ./view/css/main_output.css --watch
+npx tailwindcss -i ./static/css/main.css -o ./static/css/main_output.css --watch
 ```
diff --git a/src/key_management/static/css/main_output.css b/src/key_management/static/css/main_output.css
index 0519369..fb88732 100644
--- a/src/key_management/static/css/main_output.css
+++ b/src/key_management/static/css/main_output.css
@@ -583,6 +583,11 @@ video {
   margin-right: auto;
 }
 
+.my-8 {
+  margin-top: 2rem;
+  margin-bottom: 2rem;
+}
+
 .mt-8 {
   margin-top: 2rem;
 }
@@ -644,6 +649,10 @@ video {
   padding-bottom: 0.5rem;
 }
 
+.text-center {
+  text-align: center;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
diff --git a/src/key_management/view/top.html b/src/key_management/view/top.html
index 1a640b8..6090afb 100644
--- a/src/key_management/view/top.html
+++ b/src/key_management/view/top.html
@@ -27,7 +27,7 @@ <h1 class="text-white text-2xl font-bold">API Key Manager</h1>
     </div>
 
     <!-- Table -->
-    <div class="container mx-auto mt-8">
+    <div class="container mx-auto my-8">
         <table class="w-full border-collapse">
             <thead>
                 <tr class="bg-gray-200">
@@ -47,6 +47,13 @@ <h1 class="text-white text-2xl font-bold">API Key Manager</h1>
             </tbody>
         </table>
     </div>
+
+    <!-- フッター -->
+    <footer class="bg-gray-800 p-4">
+        <div class="container mx-auto text-center text-white">
+            <p>&copy; kynmh69 Inc. All rights reserved.</p>
+        </div>
+    </footer>
 </body>
 
 </html>
\ No newline at end of file