benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-04-19 23:37:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

bugfix: height to html, body and #app

Browse source
This commit is contained in:
Benny Samir Hierl 2022-02-07 21:34:54 +01:00
parent 85625c1015
commit 7a40d60979
3 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Wunschlisten</title> <title>Wunschlisten</title>
</head> </head>
<body> <body class="bg-white dark:bg-stone-900 text-black dark:text-white/75">
<div id="app"></div> <div id="app"></div>
<script type="module" src="/src/main.ts"></script> <script type="module" src="/src/main.ts"></script>
</body> </body>

4
src/App.vue
View file

@ -1,7 +1,5 @@
<template> <template>
<div <div class="h-full p-4">
class="h-screen bg-white dark:bg-stone-900 text-black dark:text-white/75 p-4"
>
<Header /> <Header />
<main class="h-full max-w-[900px] mx-auto"> <main class="h-full max-w-[900px] mx-auto">
<router-view v-slot="{ Component }"> <router-view v-slot="{ Component }">

7
src/assets/tailwind.css
View file

@ -1,3 +1,10 @@
@tailwind base; @tailwind base;
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
html,
body,
#app {
min-height: 100% !important;
height: 100%;
}