notxia/notxia.github.io
1
0
Fork 0
mirror of https://github.com/NotXia/notxia.github.io.git synced 2025-12-14 19:01:51 +01:00
Code Issues Packages Projects Releases Wiki Activity

Add screen centering component

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-01-24 21:34:03 +01:00
parent 6a880b1c8f
commit 60a20997a2
2 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/App.vue
View File

@ -2,7 +2,7 @@
<div class="bg-gray-100 text-gray-900 min-h-screen h-full
dark:bg-gray-900 dark:text-slate-50"
style="font-family: 'Comfortaa';">
<div class="container relative mx-auto pb-8 md:px-8 min-h-screen min-w-screen">
<div class="container mx-auto pb-8 md:px-8 min-h-screen min-w-screen flex flex-col">
<RouterView />
</div>
</div>

7
src/components/screen-center/ScreenCenter.vue Normal file
View File

@ -0,0 +1,7 @@
<template>
<div class="flex flex-1 items-center pb-12">
<div class="w-full">
<slot></slot>
</div>
</div>
</template>