chore(client): tweak style

This commit is contained in:
syuilo 2022-07-24 15:41:06 +09:00
parent d93ad43c49
commit bd8db402e6
3 changed files with 27 additions and 24 deletions

View file

@ -141,7 +141,7 @@ export default defineComponent({
display: block; display: block;
min-width: 100px; min-width: 100px;
width: max-content; width: max-content;
padding: 8px 14px; padding: 8px 16px;
text-align: center; text-align: center;
font-weight: normal; font-weight: normal;
font-size: 1em; font-size: 1em;

View file

@ -1,25 +1,25 @@
<template> <template>
<div class=""> <MkStickyContainer>
<section class="_section"> <template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
<div class="_content"> <MkSpacer :content-max="800">
<XPostForm <XPostForm
v-if="state === 'writing'" v-if="state === 'writing'"
fixed fixed
:instant="true" :instant="true"
:initial-text="initialText" :initial-text="initialText"
:initial-visibility="visibility" :initial-visibility="visibility"
:initial-files="files" :initial-files="files"
:initial-local-only="localOnly" :initial-local-only="localOnly"
:reply="reply" :reply="reply"
:renote="renote" :renote="renote"
:initial-visible-users="visibleUsers" :initial-visible-users="visibleUsers"
class="_panel" class="_panel"
@posted="state = 'posted'" @posted="state = 'posted'"
/> />
<MkButton v-else-if="state === 'posted'" primary class="close" @click="close()">{{ i18n.ts.close }}</MkButton> <MkButton v-else-if="state === 'posted'" primary class="close" @click="close()">{{ i18n.ts.close }}</MkButton>
</div> </div>
</section> </MkSpacer>
</div> </MkStickyContainer>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>

View file

@ -1,7 +1,10 @@
<template> <template>
<div class="_section"> <MkStickyContainer>
<XNotes class="_content" :pagination="pagination"/> <template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
</div> <MkSpacer :content-max="800">
<XNotes class="_content" :pagination="pagination"/>
</MkSpacer>
</MkStickyContainer>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>