diff --git a/src/views/TransactionView.vue b/src/views/TransactionView.vue index e9afe0c240bef573e6fffe52ee9b8b42ec3bf035..1c5da9e41feea1ba5e9d32a0009b73f10b5c8d35 100644 --- a/src/views/TransactionView.vue +++ b/src/views/TransactionView.vue @@ -6,19 +6,29 @@ * * @component */ -import { ref, computed, onMounted, watchEffect, watch } from "vue"; +import { + ref, + computed, + onMounted, + watchEffect, + watch +} from "vue"; import Sparti from "@/components/Sparti.vue"; import MainLayout from "@/components/MainLayout.vue"; import { Button } from "@/components/ui/button"; import { Input } from "@/components/ui/input"; import { useThemeStore } from "@/stores/theme.js"; -import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog"; +import { + Dialog, + DialogContent, + DialogTrigger +} from "@/components/ui/dialog"; import { Card } from "@/components/ui/card"; import { Select, SelectContent, SelectGroup, - SelectItem, SelectLabel, + SelectItem, SelectTrigger, SelectValue, } from "@/components/ui/select"; @@ -45,7 +55,6 @@ import { TableHeader, TableRow, } from "@/components/ui/table"; - import { DropdownMenu, DropdownMenuContent, @@ -355,19 +364,16 @@ const open = ref(false); data-testid="main-container" > <Card class="md:p-5 px-1 py-5 border-primary-dark bg-transparent border-4"> - <div class="flex flex-row justify-center items-center"> - <div class="flex justify-center relative"> + <div class="flex flex-row justify-center"> <h1 class="text-primary-dark text-center font-gluten text-3xl font-black leading-none tracking-tight pt-2 p-6 pb-1"> TRANSAKSJONER </h1> - <div class="absolute ml-4"> + <div> <Popover> <PopoverTrigger> - <Button - class="bg-transparent active:bg-transparent hover:bg-transparent text-black translate-x-32 xl:translate-x-44 xl:translate-y-2" - > - <CircleHelp size="25" /> + <Button class="bg-transparent active:bg-transparent hover:bg-transparent"> + <CircleHelp size="30" class="text-primary-dark" /> </Button> </PopoverTrigger> <PopoverContent class="w-full"> @@ -388,7 +394,6 @@ const open = ref(false); </Sparti> </PopoverContent> </Popover> - </div> </div> </div> <div class="flex flex-row items-center justify-between">