graphite/Sharkey
1
0
Fork 0
mirror of https://git.joinsharkey.org/Sharkey/Sharkey.git synced 2024-11-13 04:33:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

🎨

Browse source
This commit is contained in:
syuilo 2018-05-31 16:44:11 +09:00
parent 111dbdcd7f
commit d32d95918c
2 changed files with 18 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/client/app/desktop/views/components/home.vue
View file

@ -63,9 +63,8 @@
<component v-for="widget in widgets[place]" :is="`mkw-${widget.name}`" :key="widget.id" :ref="widget.id" :widget="widget" @chosen="warp"/> <component v-for="widget in widgets[place]" :is="`mkw-${widget.name}`" :key="widget.id" :ref="widget.id" :widget="widget" @chosen="warp"/>
</div> </div>
<div class="main"> <div class="main">
<mk-post-form v-if="$store.state.settings.showPostFormOnTopOfTl"/> <mk-post-form class="form" v-if="$store.state.settings.showPostFormOnTopOfTl"/>
<mk-timeline ref="tl" @loaded="onTlLoaded" v-if="mode == 'timeline'"/> <mk-timeline class="tl" cref="tl" @loaded="onTlLoaded" v-if="mode == 'timeline'"/>
<mk-mentions @loaded="onTlLoaded" v-if="mode == 'mentions'"/>
</div> </div>
</template> </template>
</div> </div>
@ -299,11 +298,18 @@ root(isDark)
width calc(100% - 275px * 2) width calc(100% - 275px * 2)
order 2 order 2
.mk-post-form > .form
margin-bottom 16px margin-bottom 16px
border solid 1px rgba(#000, 0.075) border solid 1px rgba(#000, 0.075)
border-radius 4px border-radius 4px
@media (max-width 700px)
padding 0
> .tl
border none
border-radius 0
> *:not(.main) > *:not(.main)
width 275px width 275px
padding 16px 0 16px 0 padding 16px 0 16px 0

10
src/client/app/desktop/views/components/ui.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<div> <div class="mk-ui">
<x-header/> <x-header class="header"/>
<div class="content"> <div class="content">
<slot></slot> <slot></slot>
</div> </div>
@ -35,3 +35,9 @@ export default Vue.extend({
}); });
</script> </script>
<style lang="stylus" scoped>
.mk-ui
> .header
@media (max-width 1000px)
display none
</style>