From bd8db402e6678fdc82390621dc07457cad1445e4 Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Sun, 24 Jul 2022 15:41:06 +0900
Subject: [PATCH] chore(client): tweak style
---
packages/client/src/components/ui/button.vue | 2 +-
packages/client/src/pages/share.vue | 40 ++++++++++----------
packages/client/src/pages/tag.vue | 9 +++--
3 files changed, 27 insertions(+), 24 deletions(-)
diff --git a/packages/client/src/components/ui/button.vue b/packages/client/src/components/ui/button.vue
index d3a4b5ea92..350629bf08 100644
--- a/packages/client/src/components/ui/button.vue
+++ b/packages/client/src/components/ui/button.vue
@@ -141,7 +141,7 @@ export default defineComponent({
display: block;
min-width: 100px;
width: max-content;
- padding: 8px 14px;
+ padding: 8px 16px;
text-align: center;
font-weight: normal;
font-size: 1em;
diff --git a/packages/client/src/pages/share.vue b/packages/client/src/pages/share.vue
index 6c3ce339c5..dac9080643 100644
--- a/packages/client/src/pages/share.vue
+++ b/packages/client/src/pages/share.vue
@@ -1,25 +1,25 @@
<template>
-<div class="">
- <section class="_section">
- <div class="_content">
- <XPostForm
- v-if="state === 'writing'"
- fixed
- :instant="true"
- :initial-text="initialText"
- :initial-visibility="visibility"
- :initial-files="files"
- :initial-local-only="localOnly"
- :reply="reply"
- :renote="renote"
- :initial-visible-users="visibleUsers"
- class="_panel"
- @posted="state = 'posted'"
- />
- <MkButton v-else-if="state === 'posted'" primary class="close" @click="close()">{{ i18n.ts.close }}</MkButton>
+<MkStickyContainer>
+ <template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+ <MkSpacer :content-max="800">
+ <XPostForm
+ v-if="state === 'writing'"
+ fixed
+ :instant="true"
+ :initial-text="initialText"
+ :initial-visibility="visibility"
+ :initial-files="files"
+ :initial-local-only="localOnly"
+ :reply="reply"
+ :renote="renote"
+ :initial-visible-users="visibleUsers"
+ class="_panel"
+ @posted="state = 'posted'"
+ />
+ <MkButton v-else-if="state === 'posted'" primary class="close" @click="close()">{{ i18n.ts.close }}</MkButton>
</div>
- </section>
-</div>
+ </MkSpacer>
+</MkStickyContainer>
</template>
<script lang="ts" setup>
diff --git a/packages/client/src/pages/tag.vue b/packages/client/src/pages/tag.vue
index 406eb1c988..950d26a72e 100644
--- a/packages/client/src/pages/tag.vue
+++ b/packages/client/src/pages/tag.vue
@@ -1,7 +1,10 @@
<template>
-<div class="_section">
- <XNotes class="_content" :pagination="pagination"/>
-</div>
+<MkStickyContainer>
+ <template #header><MkPageHeader :actions="headerActions" :tabs="headerTabs"/></template>
+ <MkSpacer :content-max="800">
+ <XNotes class="_content" :pagination="pagination"/>
+ </MkSpacer>
+</MkStickyContainer>
</template>
<script lang="ts" setup>