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

feat(ui): replace emoji icons with fontawesome icons

Browse Source 
Add Font Awesome dependency and replace all emoji icons with corresponding Font Awesome icons across components. This provides better visual consistency and scalability.
This commit is contained in:
NanamiAdmin
2026-03-09 22:16:55 +08:00
parent 2f6cfe7704
commit b4c8b21142
8 changed files with 31 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/Instances.vue
View File

@@ -2,6 +2,9 @@
<div class="instances-page">
<div class="page-header">
<h2>Instance Management</h2>
<button class="add-btn" @click="showAddModal = true">
<i class="fas fa-plus" aria-hidden="true"></i> Add Instance
</button>
</div>
<div class="instances-grid">
<div

2
src/views/Sessions.vue
View File

@@ -6,7 +6,7 @@
<div class="sessions-grid">
<div v-for="session in sessions" :key="session.ID" class="session-card">
<div class="card-header">
<div class="session-icon">🔑</div>
<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-id">{{ session.ID }}</div>

12
src/views/SystemInfo.vue
View File

@@ -6,7 +6,7 @@
<div class="info-grid">
<div class="info-card">
<div class="card-header">
<span class="card-icon">💻</span>
<span class="card-icon"><i class="fas fa-laptop" aria-hidden="true"></i></span>
<h3>Operating System</h3>
</div>
<div class="card-body">
@@ -27,7 +27,7 @@
<div class="info-card">
<div class="card-header">
<span class="card-icon">🔧</span>
<span class="card-icon"><i class="fas fa-tools" aria-hidden="true"></i></span>
<h3>Processor</h3>
</div>
<div class="card-body">
@@ -48,7 +48,7 @@
<div class="info-card">
<div class="card-header">
<span class="card-icon">💾</span>
<span class="card-icon"><i class="fas fa-memory" aria-hidden="true"></i></span>
<h3>Memory</h3>
</div>
<div class="card-body">
@@ -69,7 +69,7 @@
<div class="info-card">
<div class="card-header">
<span class="card-icon">💿</span>
<span class="card-icon"><i class="fas fa-hdd" aria-hidden="true"></i></span>
<h3>Disk</h3>
</div>
<div class="card-body">
@@ -90,7 +90,7 @@
<div class="info-card">
<div class="card-header">
<span class="card-icon">🌐</span>
<span class="card-icon"><i class="fas fa-globe" aria-hidden="true"></i></span>
<h3>Network</h3>
</div>
<div class="card-body">
@@ -111,7 +111,7 @@
<div class="info-card">
<div class="card-header">
<span class="card-icon">⏱️</span>
<span class="card-icon"><i class="fas fa-clock" aria-hidden="true"></i></span>
<h3>Uptime</h3>
</div>
<div class="card-body">