diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-14 10:21:56 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-05-14 10:21:56 +0900 |
| commit | 8c97c54cfacd201e480dffb73db3fd0124532edb (patch) | |
| tree | 676460f2318867865237f3ce11defd23afe72228 /packages/frontend/src/components/MkUrlPreviewPopup.vue | |
| parent | :art: (diff) | |
| download | sharkey-8c97c54cfacd201e480dffb73db3fd0124532edb.tar.gz sharkey-8c97c54cfacd201e480dffb73db3fd0124532edb.tar.bz2 sharkey-8c97c54cfacd201e480dffb73db3fd0124532edb.zip | |
refactor(frontend): use css modules
Diffstat (limited to 'packages/frontend/src/components/MkUrlPreviewPopup.vue')
| -rw-r--r-- | packages/frontend/src/components/MkUrlPreviewPopup.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/packages/frontend/src/components/MkUrlPreviewPopup.vue b/packages/frontend/src/components/MkUrlPreviewPopup.vue index e244be3e96..30204b91c1 100644 --- a/packages/frontend/src/components/MkUrlPreviewPopup.vue +++ b/packages/frontend/src/components/MkUrlPreviewPopup.vue @@ -1,5 +1,5 @@ <template> -<div class="fgmtyycl" :style="{ zIndex, top: top + 'px', left: left + 'px' }"> +<div :class="$style.root" :style="{ zIndex, top: top + 'px', left: left + 'px' }"> <Transition :name="defaultStore.state.animation ? '_transition_zoom' : ''" @after-leave="emit('closed')"> <MkUrlPreview v-if="showing" class="_popup _shadow" :url="url"/> </Transition> @@ -36,8 +36,8 @@ onMounted(() => { }); </script> -<style lang="scss" scoped> -.fgmtyycl { +<style lang="scss" module> +.root { position: absolute; width: 500px; max-width: calc(90vw - 12px); |