diff options
| author | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 14:45:02 +0900 |
|---|---|---|
| committer | syuilo <Syuilotan@yahoo.co.jp> | 2023-01-10 14:45:02 +0900 |
| commit | ff00c90a880d518aba700af0262f7983dc7f1157 (patch) | |
| tree | 336b30f458344b91ce79f545432003a0ecdfc834 | |
| parent | refactor(client): use css modules (diff) | |
| download | misskey-ff00c90a880d518aba700af0262f7983dc7f1157.tar.gz misskey-ff00c90a880d518aba700af0262f7983dc7f1157.tar.bz2 misskey-ff00c90a880d518aba700af0262f7983dc7f1157.zip | |
refactor(client): use css modules
| -rw-r--r-- | packages/frontend/src/components/MkLink.vue | 16 |
1 files changed, 6 insertions, 10 deletions
diff --git a/packages/frontend/src/components/MkLink.vue b/packages/frontend/src/components/MkLink.vue index 6148ec6195..2e4f93e848 100644 --- a/packages/frontend/src/components/MkLink.vue +++ b/packages/frontend/src/components/MkLink.vue @@ -1,10 +1,10 @@ <template> <component - :is="self ? 'MkA' : 'a'" ref="el" class="xlcxczvw _link" :[attr]="self ? url.substr(local.length) : url" :rel="rel" :target="target" + :is="self ? 'MkA' : 'a'" ref="el" style="word-break: break-all;" class="_link" :[attr]="self ? url.substr(local.length) : url" :rel="rel" :target="target" :title="url" > <slot></slot> - <i v-if="target === '_blank'" class="ti ti-external-link icon"></i> + <i v-if="target === '_blank'" class="ti ti-external-link" :class="$style.icon"></i> </component> </template> @@ -35,13 +35,9 @@ useTooltip($$(el), (showing) => { }); </script> -<style lang="scss" scoped> -.xlcxczvw { - word-break: break-all; - - > .icon { - padding-left: 2px; - font-size: .9em; - } +<style lang="scss" module> +.icon { + padding-left: 2px; + font-size: .9em; } </style> |