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

Add margin for scrollbar shift

Browse Source
This commit is contained in:
Tian Cheng (Riccardo) Xia
2023-02-11 19:41:34 +01:00
parent fc04fbc117
commit 14dd0d2687
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.vue
View File

@ -1,9 +1,13 @@
<template> <template>
<div class="bg-gray-100 text-gray-900 min-h-screen h-full <div class="bg-gray-100 text-gray-900 min-h-screen h-full
dark:bg-gray-900 dark:text-slate-50" dark:bg-gray-900 dark:text-slate-50"
style="font-family: 'Comfortaa';"> style="font-family: 'Comfortaa'; overflow-x: hidden; ">
<div class="container mx-auto pb-8 px-3 md:px-8 min-h-screen min-w-screen flex flex-col">
<RouterView /> <!-- Prevents scrollbar shift -->
<div style="margin-right: calc(-1 * (100vw - 100%));">
<div class="container mx-auto pb-8 px-3 md:px-8 min-h-screen w-screen flex flex-col">
<RouterView />
</div>
</div> </div>
<Cookie /> <Cookie />