SWREI/switched
0
0
Fork 0
Code

wip

Browse Source
This commit is contained in:
syuilo 2018-02-12 00:29:10 +09:00
parent 5f8021dfff
commit 249fdc1b5d
1 changed files with 51 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/web/app/common/views/components/url.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<a :href="url" :target="target"> <a class="mk-url" :href="url" :target="target">
<span class="schema">{{ schema }}//</span> <span class="schema">{{ schema }}//</span>
<span class="hostname">{{ hostname }}</span> <span class="hostname">{{ hostname }}</span>
<span class="port" v-if="port != ''">:{{ port }}</span> <span class="port" v-if="port != ''">:{{ port }}</span>
@ -7,11 +7,13 @@
<span class="query">{{ query }}</span> <span class="query">{{ query }}</span>
<span class="hash">{{ hash }}</span> <span class="hash">{{ hash }}</span>
%fa:external-link-square-alt% %fa:external-link-square-alt%
</a> </a>
</template> </template>
<script lang="typescript"> <script lang="ts">
export default { import Vue from 'vue';
export default Vue.extend({
props: ['url', 'target'], props: ['url', 'target'],
data() { data() {
return { return {
@ -33,14 +35,13 @@
this.query = url.search; this.query = url.search;
this.hash = url.hash; this.hash = url.hash;
} }
}; });
</script> </script>
<style lang="stylus" scoped> <style lang="stylus" scoped>
:scope .mk-url
word-break break-all word-break break-all
> a
> [data-fa] > [data-fa]
padding-left 2px padding-left 2px
font-size .9em font-size .9em