mirrors/barkey
1
0
Fork 0
mirror of https://codeberg.org/yeentown/barkey.git synced 2025-11-04 15:34:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

enhance(frontend): WidgetInstanceInfo.vue と WidgetProfile.vue のスタイル調整 (#14028)

Browse source 
* 🎨 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
Show stats Download patch file Download diff file Expand all files Collapse all files

5
packages/frontend/src/pages/user/home.vue
View file

@ -392,11 +392,12 @@ onUnmounted(() => {
> .name { > .name {
display: block; display: block;
margin: 0; margin: -10px;
padding: 10px;
line-height: 32px; line-height: 32px;
font-weight: bold; font-weight: bold;
font-size: 1.8em; font-size: 1.8em;
text-shadow: 0 0 8px #000; filter: drop-shadow(0 0 4px #000);
} }
> .bottom { > .bottom {

7
packages/frontend/src/widgets/WidgetInstanceInfo.vue
View file

@ -81,16 +81,19 @@ defineExpose<WidgetComponentExpose>({
.body { .body {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: clip; overflow: clip;
margin-left: -10px;
padding: 10px;
} }
.name { .name {
color: #fff; 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; font-weight: bold;
} }
.host { .host {
color: #fff; 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> </style>

7
packages/frontend/src/widgets/WidgetProfile.vue
View file

@ -82,16 +82,19 @@ defineExpose<WidgetComponentExpose>({
.body { .body {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: clip; overflow: clip;
margin-left: -10px;
padding: 10px;
} }
.name { .name {
color: #fff; 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; font-weight: bold;
} }
.username { .username {
color: #fff; 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> </style>