summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkUrlPreview.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2022-12-27 18:01:06 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2022-12-27 18:01:06 +0900
commitada04c1932dd694af1775e562fdcfa2c506454de (patch)
treed2c7b066f6f3f6358709a1d2595093c15edcc7b5 /packages/frontend/src/components/MkUrlPreview.vue
parentclean up (diff)
downloadsharkey-ada04c1932dd694af1775e562fdcfa2c506454de.tar.gz
sharkey-ada04c1932dd694af1775e562fdcfa2c506454de.tar.bz2
sharkey-ada04c1932dd694af1775e562fdcfa2c506454de.zip
perf?(client): remove needless scoped annotation for style
Diffstat (limited to 'packages/frontend/src/components/MkUrlPreview.vue')
-rw-r--r--packages/frontend/src/components/MkUrlPreview.vue6
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkUrlPreview.vue b/packages/frontend/src/components/MkUrlPreview.vue
index b2d16ddb01..d4d3aac745 100644
--- a/packages/frontend/src/components/MkUrlPreview.vue
+++ b/packages/frontend/src/components/MkUrlPreview.vue
@@ -1,5 +1,5 @@
<template>
-<div v-if="playerEnabled" class="player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
+<div v-if="playerEnabled" class="mk-url-preview-player" :style="`padding: ${(player.height || 0) / (player.width || 1) * 100}% 0 0`">
<button class="disablePlayer" :title="i18n.ts.disablePlayer" @click="playerEnabled = false"><i class="ti ti-x"></i></button>
<iframe :src="player.url + (player.url.match(/\?/) ? '&autoplay=1&auto_play=1' : '?autoplay=1&auto_play=1')" :width="player.width || '100%'" :heigth="player.height || 250" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen/>
</div>
@@ -121,8 +121,8 @@ onUnmounted(() => {
});
</script>
-<style lang="scss" scoped>
-.player {
+<style lang="scss">
+.mk-url-preview-player {
position: relative;
width: 100%;