SimGie/HGOE-SaS
1
0
Fork 0
forked from Kispi/Core
Code Pull requests Activity

fix(webapp): responsive errors

Browse source
This commit is contained in:
Simon Giesel 2023-06-03 23:51:32 +02:00
parent 8a6a8bd1dc
commit bc7a295a06
2 changed files with 13 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
webapp/src/components/molecules/MoleculeNavigationDrawer.vue
View file

@ -2,12 +2,13 @@
<div class="drawer lg:drawer-open"> <div class="drawer lg:drawer-open">
<input <input
:id="drawerId" :id="drawerId"
ref="drawerCheckbox"
type="checkbox" type="checkbox"
class="drawer-toggle" class="drawer-toggle"
/> />
<div class="drawer-content flex h-screen flex-col overflow-y-scroll bg-base-300"> <div class="drawer-content flex h-screen flex-col overflow-y-scroll bg-base-300">
<div <div
class="navbar top-0 max-w-7xl place-self-center bg-neutral-focus text-neutral-content shadow-lg lg:hidden" class="navbar top-0 max-w-7xl place-self-center shadow-lg lg:hidden"
> >
<div class="flex-none"> <div class="flex-none">
<label <label
@ -81,15 +82,18 @@
<script lang="ts" setup> <script lang="ts" setup>
import { PropType, onMounted, ref } from 'vue'; import { PropType, onMounted, ref } from 'vue';
import { isDark, toggleDark } from '../../utils/darkMode'; import { useEventBus } from '@vueuse/core';
import { useRouter } from 'vue-router';
import { INavigationEntry } from '../../interfaces/navigation-entry.interface'; import { INavigationEntry } from '../../interfaces/navigation-entry.interface';
import { AuthService } from '../../services/auth.service';
import { isDark, toggleDark } from '../../utils/darkMode';
import { ArrowRightOnRectangleIcon, Bars3Icon, ExclamationTriangleIcon, MoonIcon, SunIcon } from '@heroicons/vue/24/outline'; import { ArrowRightOnRectangleIcon, Bars3Icon, ExclamationTriangleIcon, MoonIcon, SunIcon } from '@heroicons/vue/24/outline';
import AtomLogo from '../atoms/AtomLogo.vue'; import AtomLogo from '../atoms/AtomLogo.vue';
import AtomSwap from '../atoms/AtomSwap.vue'; import AtomSwap from '../atoms/AtomSwap.vue';
import { useEventBus } from '@vueuse/core';
import { AuthService } from '../../services/auth.service';
const isAuthenticated = ref(false); const isAuthenticated = ref(false);
const router = useRouter();
const drawerCheckbox = ref();
defineProps({ defineProps({
drawerId: { drawerId: {
@ -115,6 +119,10 @@ useEventBus<boolean>('isAuthenticated').on(state => (isAuthenticated.value = sta
onMounted(() => { onMounted(() => {
isAuthenticated.value = AuthService.isAuthenticated(); isAuthenticated.value = AuthService.isAuthenticated();
}); });
router.afterEach(() => {
drawerCheckbox.value.checked = false;
});
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped></style>

2
webapp/src/components/views/BankView.vue
View file

@ -15,7 +15,7 @@
</div> </div>
<div <div
v-if="account" v-if="account"
class="fixed bottom-0 flex place-content-center gap-16 bg-base-100 p-5 lg:w-[calc(100%-16rem)] lg:gap-32" class="fixed bottom-0 flex w-full place-content-center gap-16 bg-base-100 p-5 lg:w-[calc(100%-16rem)] lg:gap-32"
> >
<MoleculeInputModal <MoleculeInputModal
:id="depositModalId" :id="depositModalId"