From ef205fb60ece6a4e7bd985b62692afc299ce39ae Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E3=81=AC=E3=82=8B=E3=81=8D=E3=82=83=E3=81=A3=E3=81=A8?=
<nullnyat@nca10.moe>
Date: Sat, 22 Jun 2024 12:46:30 +0900
Subject: [PATCH] =?UTF-8?q?enhance(frontend):=20WidgetInstanceInfo.vue=20?=
=?UTF-8?q?=E3=81=A8=20WidgetProfile.vue=20=E3=81=AE=E3=82=B9=E3=82=BF?=
=?UTF-8?q?=E3=82=A4=E3=83=AB=E8=AA=BF=E6=95=B4=20(#14028)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 home.vue
---
packages/frontend/src/pages/user/home.vue | 5 +++--
packages/frontend/src/widgets/WidgetInstanceInfo.vue | 7 +++++--
packages/frontend/src/widgets/WidgetProfile.vue | 7 +++++--
3 files changed, 13 insertions(+), 6 deletions(-)
diff --git a/packages/frontend/src/pages/user/home.vue b/packages/frontend/src/pages/user/home.vue
index d0be973552..834d799072 100644
--- a/packages/frontend/src/pages/user/home.vue
+++ b/packages/frontend/src/pages/user/home.vue
@@ -392,11 +392,12 @@ onUnmounted(() => {
> .name {
display: block;
- margin: 0;
+ margin: -10px;
+ padding: 10px;
line-height: 32px;
font-weight: bold;
font-size: 1.8em;
- text-shadow: 0 0 8px #000;
+ filter: drop-shadow(0 0 4px #000);
}
> .bottom {
diff --git a/packages/frontend/src/widgets/WidgetInstanceInfo.vue b/packages/frontend/src/widgets/WidgetInstanceInfo.vue
index 25d824c8ae..5d8beaf9a9 100644
--- a/packages/frontend/src/widgets/WidgetInstanceInfo.vue
+++ b/packages/frontend/src/widgets/WidgetInstanceInfo.vue
@@ -81,16 +81,19 @@ defineExpose<WidgetComponentExpose>({
.body {
text-overflow: ellipsis;
overflow: clip;
+ margin-left: -10px;
+ padding: 10px;
}
.name {
color: #fff;
- filter: drop-shadow(0 0 4px #000);
+ filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
font-weight: bold;
}
.host {
color: #fff;
- filter: drop-shadow(0 0 4px #000);
+ filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
+
}
</style>
diff --git a/packages/frontend/src/widgets/WidgetProfile.vue b/packages/frontend/src/widgets/WidgetProfile.vue
index a5578d4de6..ae39098305 100644
--- a/packages/frontend/src/widgets/WidgetProfile.vue
+++ b/packages/frontend/src/widgets/WidgetProfile.vue
@@ -82,16 +82,19 @@ defineExpose<WidgetComponentExpose>({
.body {
text-overflow: ellipsis;
overflow: clip;
+ margin-left: -10px;
+ padding: 10px;
}
.name {
color: #fff;
- filter: drop-shadow(0 0 4px #000);
+ filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
font-weight: bold;
}
.username {
color: #fff;
- filter: drop-shadow(0 0 4px #000);
+ filter: drop-shadow(0 0 4px #000) drop-shadow(0 0 0.1px rgba(0, 0, 0, 0.5));
+ font-weight: normal;
}
</style>