GithubBackup/cloudflare_temp_email
1
0
Fork 0
mirror of https://github.com/dreamhunter2333/cloudflare_temp_email.git synced 2026-05-17 16:47:37 +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

13
frontend/src/App.vue
View File

@@ -5,14 +5,13 @@ import { darkTheme, NGlobalStyle } from 'naive-ui'
import { zhCN } from 'naive-ui'
import { computed, onMounted } from 'vue'
import { useI18n } from 'vue-i18n'
import Content from './views/Content.vue'
import Header from './views/Header.vue'
import { useGlobalState } from './store'
import { useIsMobile } from './utils/composables'
const { localeCache, themeSwitch, loading } = useGlobalState()
const theme = computed(() => themeSwitch.value ? darkTheme : null)
const localeConfig = computed(() => localeCache.value == 'zh' ? zhCN : null)
const isMobile = useIsMobile()
const { locale } = useI18n({
useScope: 'global',
@@ -39,14 +38,14 @@ onMounted(async () => {
<n-global-style />
<n-spin description="loading..." :show="loading">
<n-message-provider>
<n-grid x-gap="12" :cols="8">
<n-gi span="1"></n-gi>
<n-gi span="6">
<n-grid x-gap="12" :cols="12">
<n-gi v-if="!isMobile" span="1"></n-gi>
<n-gi :span="isMobile ? 12 : 10">
<div class="main">
<router-view></router-view>
</div>
</n-gi>
<n-gi span="1"></n-gi>
<n-gi v-if="!isMobile" span="1"></n-gi>
</n-grid>
<n-back-top :right="100" />
</n-message-provider>