diff --git a/src/web/app/desktop/views/components/posts.post.vue b/src/web/app/desktop/views/components/posts.post.vue index 93af3d54dc..667263a022 100644 --- a/src/web/app/desktop/views/components/posts.post.vue +++ b/src/web/app/desktop/views/components/posts.post.vue @@ -33,26 +33,26 @@
-
-

- {{ p.channel.title }}: -

+

+ {{ p.channel.title }}: +

+
%fa:reply% -
- {{ tag }} -
RP: -

%fa:map-marker-alt% 位置情報

-
+
+ {{ tag }} +
+ %fa:map-marker-alt% 位置情報
%fa:quote-right -flip-h%
+
-
-

{{ p.channel.title }}:

+

{{ p.channel.title }}:

+
%fa:reply% -
- {{ tag }} -
- RP:
-

%fa:map-marker-alt% 位置情報

+
+ {{ tag }} +
+ + %fa:map-marker-alt% 位置情報 via {{ p.app.name }}
%fa:quote-right -flip-h% @@ -356,7 +356,6 @@ export default Vue.extend({ > .body > .text - cursor default display block margin 0 padding 0 @@ -370,12 +369,6 @@ export default Vue.extend({ color #aaa border-left solid 3px #eee - .mk-url-preview - margin-top 8px - - > .channel - margin 0 - > .reply margin-right 8px color #717171 @@ -385,31 +378,6 @@ export default Vue.extend({ font-style oblique color #a0bf46 - > .tags - margin 4px 0 0 0 - - > * - display inline-block - margin 0 8px 0 0 - padding 2px 8px 2px 16px - font-size 90% - color #8d969e - background #edf0f3 - border-radius 4px - - &:before - content "" - display block - position absolute - top 0 - bottom 0 - left 4px - width 8px - height 8px - margin auto 0 - background #fff - border-radius 100% - [data-is-me]:after content "you" padding 0 4px @@ -419,6 +387,37 @@ export default Vue.extend({ background $theme-color border-radius 4px + .mk-url-preview + margin-top 8px + + > .channel + margin 0 + + > .tags + margin 4px 0 0 0 + + > * + display inline-block + margin 0 8px 0 0 + padding 2px 8px 2px 16px + font-size 90% + color #8d969e + background #edf0f3 + border-radius 4px + + &:before + content "" + display block + position absolute + top 0 + bottom 0 + left 4px + width 8px + height 8px + margin auto 0 + background #fff + border-radius 100% + > .media > img display block