ramon
/
vbv
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve mobile CSS for full screen

This commit is contained in:
Daniel Egger 2023-01-25 14:17:05 +01:00
parent bf704cccc5
commit 0ae212a9f5
3 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/App.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="flex flex-col min-h-screen"> <div class="flex flex-col min-h-full">
<MainNavigationBar class="flex-none" /> <MainNavigationBar class="flex-none" />
<RouterView v-slot="{ Component }" class="flex-auto"> <RouterView v-slot="{ Component }" class="flex-auto">
<Transition mode="out-in" name="app"> <Transition mode="out-in" name="app">

2
client/src/main.ts
View File

@ -48,7 +48,7 @@ loadLocaleMessages(i18n, "de").then(() => {
app.use(pinia); app.use(pinia);
app.use(i18n); app.use(i18n);
app.use(urql, { app.use(urql, {
url: import.meta.env.VITE_GRAPHQL_URL, url: import.meta.env.VITE_GRAPHQL_URL || "/server/graphql",
}); });
app.mount("#app"); app.mount("#app");

16
client/tailwind.css
View File

@ -2,6 +2,19 @@
@tailwind components; @tailwind components;
@tailwind utilities; @tailwind utilities;
*, *::before, *::after {
box-sizing: border-box;
}
html, body, #app {
height: 100%;
}
body {
line-height: 1.5;
-webkit-font-smoothing: antialiased;
}
html { html {
@apply text-black; @apply text-black;
} }
@ -68,8 +81,7 @@ svg {
} }
.filter-blue-900 { .filter-blue-900 {
filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%) filter: invert(9%) sepia(38%) saturate(5684%) hue-rotate(200deg) brightness(95%) contrast(105%);
contrast(105%);
} }
} }