From a93cfaa45f2b2d1809828f0869f709810bbb2374 Mon Sep 17 00:00:00 2001
From: NanamiAdmin <yzt114@yeah.net>
Date: Tue, 10 Mar 2026 19:09:44 +0800
Subject: [PATCH] fix(Sessions): correct session property names and adjust
 styling

Update session property names to match backend API (Username, UserID, CreateAt, ExpireAt).
Add left margin to session info and update font family for session ID.
---
 src/views/Sessions.vue | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/views/Sessions.vue b/src/views/Sessions.vue
index a6c6ef2..f70c5e6 100644
--- a/src/views/Sessions.vue
+++ b/src/views/Sessions.vue
@@ -8,22 +8,22 @@
                 <div class="card-header">
                     <div class="session-icon"><i class="fas fa-key" aria-hidden="true"></i></div>
                     <div class="session-info">
-                        <div class="session-user">{{ session.username }}</div>
+                        <div class="session-user">{{ session.Username }}</div>
                         <div class="session-id">{{ session.ID }}</div>
                     </div>
                 </div>
                 <div class="card-body">
                     <div class="info-row">
                         <span class="label">User ID:</span>
-                        <span class="value">{{ session.userID }}</span>
+                        <span class="value">{{ session.UserID }}</span>
                     </div>
                     <div class="info-row">
                         <span class="label">Create Time:</span>
-                        <span class="value">{{ formatDate(session.expireAt) }}</span>
+                        <span class="value">{{ formatDate(session.CreateAt) }}</span>
                     </div>
                     <div class="info-row">
                         <span class="label">Expire Time:</span>
-                        <span class="value">{{ formatDate(session.expireAt) }}</span>
+                        <span class="value">{{ formatDate(session.ExpireAt) }}</span>
                     </div>
                 </div>
                 <div class="card-footer">
@@ -118,6 +118,7 @@ export default {
 }
 
 .session-user {
+    margin-left: 8px;
     font-size: 16px;
     font-weight: 600;
     color: var(--text-color);
@@ -126,9 +127,10 @@ export default {
 }
 
 .session-id {
+    margin-left: 8px;
     font-size: 12px;
     color: #999;
-    font-family: monospace;
+    font-family: 'Consolas', Courier, monospace;
 }
 
 .card-body {