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
This commit is contained in:
ぬるきゃっと 2024-06-22 12:46:30 +09:00 committed by GitHub
parent 3254f7c5cd
commit ef205fb60e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 13 additions and 6 deletions

View file

@ -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 {

View file

@ -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>

View file

@ -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>