Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

enhance(client): tweak padding

Browse source
This commit is contained in:
syuilo 2022-02-11 22:16:20 +09:00
parent b01a0325ba
commit c1f0fa5bd6
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
CHANGELOG.md
View file

@ -13,7 +13,7 @@ You should also include the user name that made the change.
## 12.x.x (unreleased) ## 12.x.x (unreleased)
### Improvements ### Improvements
- - クライアント: スマートフォンでの余白を調整 @syuilo
### Bugfixes ### Bugfixes
- クライアント: ノートの詳細が表示されない問題を修正 @syuilo - クライアント: ノートの詳細が表示されない問題を修正 @syuilo

3
packages/client/src/components/global/spacer.vue
View file

@ -7,6 +7,7 @@
</template> </template>
<script lang="ts"> <script lang="ts">
import { deviceKind } from '@/scripts/device-kind';
import { defineComponent, inject, onMounted, onUnmounted, ref } from 'vue'; import { defineComponent, inject, onMounted, onUnmounted, ref } from 'vue';
export default defineComponent({ export default defineComponent({
@ -35,7 +36,7 @@ export default defineComponent({
const margin = ref(0); const margin = ref(0);
const shouldSpacerMin = inject('shouldSpacerMin', false); const shouldSpacerMin = inject('shouldSpacerMin', false);
const adjust = (rect: { width: number; height: number; }) => { const adjust = (rect: { width: number; height: number; }) => {
if (shouldSpacerMin) { if (shouldSpacerMin || deviceKind === 'smartphone') {
margin.value = props.marginMin; margin.value = props.marginMin;
return; return;
} }