diff options
| author | ぬるきゃっと <nullnyat@nca10.moe> | 2024-06-22 12:46:30 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-06-22 12:46:30 +0900 |
| commit | ef205fb60ece6a4e7bd985b62692afc299ce39ae (patch) | |
| tree | 990a49b29411286c1109d03c8040b37b4d3f132b | |
| parent | chore(deps): bump docker/build-push-action from 5 to 6 (#14039) (diff) | |
| download | sharkey-ef205fb60ece6a4e7bd985b62692afc299ce39ae.tar.gz sharkey-ef205fb60ece6a4e7bd985b62692afc299ce39ae.tar.bz2 sharkey-ef205fb60ece6a4e7bd985b62692afc299ce39ae.zip | |
enhance(frontend): WidgetInstanceInfo.vue と WidgetProfile.vue のスタイル調整 (#14028)
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 WidgetInstanceInfo.vue and WidgetProfile.vue
* 🎨 home.vue
| -rw-r--r-- | packages/frontend/src/pages/user/home.vue | 5 | ||||
| -rw-r--r-- | packages/frontend/src/widgets/WidgetInstanceInfo.vue | 7 | ||||
| -rw-r--r-- | 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> |