silva
/
adrema-form
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix navigation colors

This commit is contained in:
Philipp Lang 2023-12-24 21:40:37 +01:00
parent 4115ce49cc
commit 710827bba9
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/Navigation.vue
View File

@ -1,13 +1,8 @@
<template>
<div class="flex flex-col items-center space-y-4 md:space-y-0 md:flex-row mt-10 justify-start md:justify-evenly">
<div v-if="backable"
class="bg-primary hover:bg-secondary px-4 py-2 shadow text-teal-200 leading-none cursor-pointer rounded-lg"
@click.prevent="back">Zurück</div>
<div v-if="nextable"
class="bg-primary hover:bg-emerald-600 px-4 py-2 shadow text-teal-200 leading-none cursor-pointer rounded-lg"
@click.prevent="next">Weiter</div>
<button v-else type="submit"
class="relative flex items-center bg-primary hover:bg-emerald-600 px-8 py-2 shadow text-teal-200 leading-none cursor-pointer rounded-lg">
<div v-if="backable" class="bg-primary hover:bg-secondary px-4 py-2 shadow text-font leading-none cursor-pointer rounded-lg" @click.prevent="back">Zurück</div>
<div v-if="nextable" class="bg-primary hover:bg-secondary px-4 py-2 shadow text-font leading-none cursor-pointer rounded-lg" @click.prevent="next">Weiter</div>
<button v-else type="submit" class="relative flex items-center bg-primary hover:bg-secondary px-8 py-2 shadow text-font leading-none cursor-pointer rounded-lg">
<div x-show="loading" class="absolute left-1">
<div class="spinner">
<div class="bounce1"></div>
@ -22,7 +17,7 @@
<script setup>
import useNav from '../composables/useNav.js';
import { computed } from 'vue';
import {computed} from 'vue';
const emits = defineEmits(['update:modelValue']);
const props = defineProps({
@ -45,5 +40,5 @@ const innerValue = computed({
},
});
const { back, next, backable, nextable } = useNav(innerValue, props.last);
const {back, next, backable, nextable} = useNav(innerValue, props.last);
</script>