shihaam/akaunting
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

wizard styling.. ( #3g9na1f )

Browse Source
This commit is contained in:
Cüneyt Şentürk
2022-11-24 16:30:22 +03:00
parent 94ac073127
commit 51a42b57e3
3 changed files with 145 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
resources/assets/js/views/wizard/Steps.vue
View File

@ -5,11 +5,16 @@
<li class="w-1/3">
<span class="pr-6 flex flex-col">
<span
:class="[{'bg-purple': active_state > 0}, {'bg-purple': active_state == 0}]"
class="w-full h-1 bg-gray-300 rounded-xl text-transparent"
>Text</span>
:class="[{ 'bg-purple': active_state >= 0 }]"
>
Text
</span>
<span :class="[{'font-bold': active_state == 0}, {'font-bold': active_state > 0}]" class="text-sm font-normal mt-2">
<span
class="text-sm font-normal mt-2"
:class="[{ 'font-bold': active_state >= 0 }]"
>
{{ translations.company.title }}
</span>
</span>
@ -18,11 +23,16 @@
<li class="w-1/3">
<span class="px-3 flex flex-col">
<span
:class="[{'bg-purple': active_state > 1}, {'bg-purple': active_state == 1}]"
class="w-full h-1 bg-gray-300 rounded-xl text-transparent"
>Text</span>
:class="[{ 'bg-purple': active_state >= 1 }]"
>
Text
</span>
<span :class="[{'font-bold': active_state == 1}, {'font-bold': active_state > 1}]" class="text-sm font-normal mt-2">
<span
class="text-sm font-normal mt-2"
:class="[{ 'font-bold': active_state >= 1 }]"
>
{{ translations.currencies.title }}
</span>
</span>
@ -31,11 +41,16 @@
<li class="w-1/3">
<span class="pl-6 flex flex-col">
<span
:class="[{'bg-purple': active_state == 3}]"
:class="[{'bg-purple': active_state == 2}]"
class="w-full h-1 bg-gray-300 rounded-xl text-transparent"
>Text</span>
>
Text
</span>
<span :class="[{'font-bold': active_state == 3}]" class="text-sm font-normal mt-2">
<span
class="text-sm font-normal mt-2"
:class="[{ 'font-bold': active_state == 2 }]"
>
{{ translations.finish.title }}
</span>
</span>