From 6e6d9f3029dffeba71a7498467edcf8795f33832 Mon Sep 17 00:00:00 2001 From: syuilo Date: Wed, 28 Dec 2022 18:22:46 +0900 Subject: [PATCH] :art: --- packages/frontend/src/components/MkButton.vue | 10 ++++-- .../frontend/src/components/MkUrlPreview.vue | 33 +++++++++++-------- 2 files changed, 27 insertions(+), 16 deletions(-) diff --git a/packages/frontend/src/components/MkButton.vue b/packages/frontend/src/components/MkButton.vue index 891645bb2a..20bce2104b 100644 --- a/packages/frontend/src/components/MkButton.vue +++ b/packages/frontend/src/components/MkButton.vue @@ -2,7 +2,7 @@
@@ -24,10 +23,18 @@
-
- + +
+ + {{ i18n.ts.enablePlayer }} + + + {{ i18n.ts.openInWindow }} +
@@ -38,6 +45,7 @@ import { url as local, lang } from '@/config'; import { i18n } from '@/i18n'; import * as os from '@/os'; import { deviceKind } from '@/scripts/device-kind'; +import MkButton from '@/components/MkButton.vue'; const props = withDefaults(defineProps<{ url: string; @@ -181,16 +189,6 @@ onUnmounted(() => { justify-content: center; align-items: center; - > button { - font-size: 3.5em; - opacity: 0.7; - - &:hover { - font-size: 4em; - opacity: 0.9; - } - } - & + article { left: 100px; width: calc(100% - 100px); @@ -249,6 +247,13 @@ onUnmounted(() => { } } } + + > .action { + display: flex; + gap: 6px; + flex-wrap: wrap; + margin-top: 6px; + } } @container (max-width: 400px) {