Skip to content

Commit 8194986

Browse files
committed
[curvine-web] optimize worker view in webui (#51)
1 parent 6b6d5fc commit 8194986

File tree

8 files changed

+990
-571
lines changed

8 files changed

+990
-571
lines changed

curvine-web/package-lock.json

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

curvine-web/webui/.env

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
# env
22
ENV = 'development'
33

4-
VUE_APP_BASE_URL = "http://10.177.104.128:9000"
4+
VUE_APP_BASE_URL = "http://127.0.0.1:9000"
55
VUE_APP_BASE_API = "/api"
Lines changed: 23 additions & 0 deletions
Loading
Lines changed: 23 additions & 0 deletions
Loading
Lines changed: 42 additions & 40 deletions
Loading

curvine-web/webui/src/components/Header.vue

Lines changed: 9 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -24,10 +24,7 @@
2424
<img src="@/assets/logo.svg" alt="Curvine" class="logo-icon">
2525
<div class="logo-glow"></div>
2626
</div>
27-
<span class="brand-text">
28-
<span class="brand-main">CURVINE</span>
29-
<span class="brand-sub">Distributed Cache</span>
30-
</span>
27+
<img src="@/assets/curvine_font_white.svg" alt="CURVINE Distributed Cache" class="brand-logo">
3128
</a>
3229
</div>
3330
<div class="tabs">
@@ -215,25 +212,15 @@ export default {
215212
}
216213
}
217214
218-
.brand-text {
219-
display: flex;
220-
flex-direction: column;
221-
222-
.brand-main {
223-
font-size: 1.5rem;
224-
font-weight: 700;
225-
color: var(--text-primary);
226-
font-family: 'JetBrains Mono', monospace;
227-
letter-spacing: 2px;
228-
text-shadow: 0 0 10px var(--accent-blue);
229-
}
215+
.brand-logo {
216+
height: 2.2rem;
217+
width: auto;
218+
filter: drop-shadow(0 0 8px rgba(0, 212, 255, 0.3));
219+
transition: all 0.3s ease;
230220
231-
.brand-sub {
232-
font-size: 0.75rem;
233-
color: var(--text-secondary);
234-
font-weight: 400;
235-
letter-spacing: 1px;
236-
text-transform: uppercase;
221+
&:hover {
222+
filter: drop-shadow(0 0 12px rgba(0, 212, 255, 0.5));
223+
transform: scale(1.02);
237224
}
238225
}
239226
}

curvine-web/webui/src/views/Overview.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<div class="status-dot" :class="{ 'active': data.master_state === 'Active' }"></div>
2626
</div>
2727
<div class="status-info">
28-
<h2 class="cluster-name">CURVINE CLUSTER</h2>
28+
<!-- <h2 class="cluster-name">CURVINE CLUSTER</h2>-->
2929
<p class="cluster-status">{{ data.master_state || 'Unknown' }}</p>
3030
<p class="cluster-id">ID: {{ data.cluster_id || 'N/A' }}</p>
3131
</div>

0 commit comments

Comments
 (0)