Super-frpc/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(Sessions): correct session property names and adjust styling

Browse Source 
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.
This commit is contained in:
NanamiAdmin
2026-03-10 19:09:44 +08:00
parent f103858fe0
commit a93cfaa45f
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/Sessions.vue
View File

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