diff --git a/src/views/ConfigSpendingItemsAmountView.vue b/src/views/ConfigSpendingItemsAmountView.vue index 4f63e2d6e2d0bc7ea450b1fa2dc959b5c5c6b041..15a28c589e8cf80cde8478fa41acb1e22736a0b2 100644 --- a/src/views/ConfigSpendingItemsAmountView.vue +++ b/src/views/ConfigSpendingItemsAmountView.vue @@ -4,8 +4,8 @@ Hvor mye bruker du per kjøp pÃ¥ ... </h1> <p class="text-sm mb-8 md:mb-10">Her kan du skrive inn hvor mye du bruker per kjøp pÃ¥ ulike kategorier</p> - <div class="absolute bottom-0 md:bottom-40 left-0 w-40 h-40 md:w-52 md:h-52 ml-4"> - <p class="text-sm font-bold mb-3 animate-bounce">Trykk pÃ¥ meg for hjelp â—ï¸</p> + <div class="md:absolute fixed bottom-3 md:bottom-40 left-2 w-28 h-28 md:w-40 md:h-40 lg:w-52 lg:h-52 ml-4"> + <p class="md:text-sm text-xs font-bold mb-3 animate-bounce invisible sm:visible">Trykk pÃ¥ meg for hjelp â—ï¸</p> <SpareComponent :speech="[ 'Her kan du skrive inn hvor mye penger du bruker per kjøp pÃ¥ ulike ting. ðŸ”', diff --git a/src/views/ConfigSpendingItemsView.vue b/src/views/ConfigSpendingItemsView.vue index c983f3e100f9036265fae0c93a746762a7f23f0d..cc2a74186115cb2507af6a74ee6eead8e3304f7e 100644 --- a/src/views/ConfigSpendingItemsView.vue +++ b/src/views/ConfigSpendingItemsView.vue @@ -2,8 +2,8 @@ <div class="flex flex-col items-center justify-center min-h-screen text-center"> <h1 class="mb-3 text-2xl font-bold sm:text-4xl mt-0 md:mt-7">Hva bruker du mye penger pÃ¥?</h1> <p class="text-sm mb-8 md:mb-10">Hvis du ikke finner noe som passer, kan du skrive inn egne kategorier i "Annet ..." feltet</p> - <div class="absolute bottom-0 md:bottom-40 left-0 w-40 h-40 md:w-52 md:h-52 ml-4"> - <p class="text-sm font-bold mb-3 animate-bounce">Trykk pÃ¥ meg for hjelp â—ï¸</p> + <div class="md:absolute fixed bottom-3 md:bottom-40 left-2 w-28 h-28 md:w-40 md:h-40 lg:w-52 lg:h-52 ml-4"> + <p class="md:text-sm text-xs font-bold mb-3 animate-bounce invisible sm:visible">Trykk pÃ¥ meg for hjelp â—ï¸</p> <SpareComponent :speech="[ 'Her kan du velge hva du bruker mye penger pÃ¥, slik at vi kan hjelpe deg med Ã¥ spare penger! 💸',