GithubBackup/cloudflare_temp_email
1
0
Fork 0
mirror of https://github.com/dreamhunter2333/cloudflare_temp_email.git synced 2026-09-06 16:07:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: no side padding when isMobile (#54)

Browse Source 
* feat: no side padding when isMobile

* feat: no side padding when isMobile
This commit is contained in:
Dream Hunter
2024-01-05 15:19:04 +08:00
committed by GitHub
parent 95ae65dc03
commit 41886bb074
1 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/App.vue
+6 -7
View File
@@ -5,14 +5,13 @@ import { darkTheme, NGlobalStyle } from 'naive-ui'
import { zhCN } from 'naive-ui' import { zhCN } from 'naive-ui'
import { computed, onMounted } from 'vue' import { computed, onMounted } from 'vue'
import { useI18n } from 'vue-i18n' import { useI18n } from 'vue-i18n'
import Content from './views/Content.vue'
import Header from './views/Header.vue'
import { useGlobalState } from './store' import { useGlobalState } from './store'
import { useIsMobile } from './utils/composables'
const { localeCache, themeSwitch, loading } = useGlobalState() const { localeCache, themeSwitch, loading } = useGlobalState()
const theme = computed(() => themeSwitch.value ? darkTheme : null) const theme = computed(() => themeSwitch.value ? darkTheme : null)
const localeConfig = computed(() => localeCache.value == 'zh' ? zhCN : null) const localeConfig = computed(() => localeCache.value == 'zh' ? zhCN : null)
const isMobile = useIsMobile()
const { locale } = useI18n({ const { locale } = useI18n({
useScope: 'global', useScope: 'global',
@@ -39,14 +38,14 @@ onMounted(async () => {
<n-global-style /> <n-global-style />
<n-spin description="loading..." :show="loading"> <n-spin description="loading..." :show="loading">
<n-message-provider> <n-message-provider>
<n-grid x-gap="12" :cols="8"> <n-grid x-gap="12" :cols="12">
<n-gi span="1"></n-gi> <n-gi v-if="!isMobile" span="1"></n-gi>
<n-gi span="6"> <n-gi :span="isMobile ? 12 : 10">
<div class="main"> <div class="main">
<router-view></router-view> <router-view></router-view>
</div> </div>
</n-gi> </n-gi>
<n-gi span="1"></n-gi> <n-gi v-if="!isMobile" span="1"></n-gi>
</n-grid> </n-grid>
<n-back-top :right="100" /> <n-back-top :right="100" />
</n-message-provider> </n-message-provider>