diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-24 14:34:46 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-24 14:34:46 +0900 |
| commit | d2eec3a9e457d4c8bab595c14b4f8e8b79099a26 (patch) | |
| tree | ee7b2ce5389d5b6027592d8fa283d051bcb276f5 /packages/frontend/src/widgets | |
| parent | update deps (diff) | |
| download | misskey-d2eec3a9e457d4c8bab595c14b4f8e8b79099a26.tar.gz misskey-d2eec3a9e457d4c8bab595c14b4f8e8b79099a26.tar.bz2 misskey-d2eec3a9e457d4c8bab595c14b4f8e8b79099a26.zip | |
refactor
Diffstat (limited to 'packages/frontend/src/widgets')
| -rw-r--r-- | packages/frontend/src/widgets/WidgetInstanceCloud.vue | 4 | ||||
| -rw-r--r-- | packages/frontend/src/widgets/WidgetOnlineUsers.vue | 26 |
2 files changed, 11 insertions, 19 deletions
diff --git a/packages/frontend/src/widgets/WidgetInstanceCloud.vue b/packages/frontend/src/widgets/WidgetInstanceCloud.vue index 79bd4b55fd..f8b811e6ba 100644 --- a/packages/frontend/src/widgets/WidgetInstanceCloud.vue +++ b/packages/frontend/src/widgets/WidgetInstanceCloud.vue @@ -72,7 +72,3 @@ defineExpose<WidgetComponentExpose>({ id: props.widget ? props.widget.id : null, }); </script> - -<style lang="scss" scoped> - -</style> diff --git a/packages/frontend/src/widgets/WidgetOnlineUsers.vue b/packages/frontend/src/widgets/WidgetOnlineUsers.vue index f95103b0b9..c920c3ca53 100644 --- a/packages/frontend/src/widgets/WidgetOnlineUsers.vue +++ b/packages/frontend/src/widgets/WidgetOnlineUsers.vue @@ -1,8 +1,10 @@ <template> -<div data-cy-mkw-onlineUsers class="mkw-onlineUsers" :class="{ _panel: !widgetProps.transparent, pad: !widgetProps.transparent }"> - <I18n v-if="onlineUsersCount" :src="i18n.ts.onlineUsersCount" textTag="span" class="text"> - <template #n><b>{{ number(onlineUsersCount) }}</b></template> - </I18n> +<div data-cy-mkw-onlineUsers :class="[$style.root, { _panel: !widgetProps.transparent, [$style.pad]: !widgetProps.transparent }]"> + <span :class="$style.text"> + <I18n v-if="onlineUsersCount" :src="i18n.ts.onlineUsersCount" textTag="span"> + <template #n><b style="color: #41b781;">{{ number(onlineUsersCount) }}</b></template> + </I18n> + </span> </div> </template> @@ -55,22 +57,16 @@ defineExpose<WidgetComponentExpose>({ }); </script> -<style lang="scss" scoped> -.mkw-onlineUsers { +<style lang="scss" module> +.root { text-align: center; &.pad { padding: 16px 0; } +} - > .text { - ::v-deep(b) { - color: #41b781; - } - - ::v-deep(span) { - opacity: 0.7; - } - } +.text { + color: var(--fgTransparentWeak); } </style> |