Merge branch 'master' of https://github.com/brkcvn/akaunting into form-elements

This commit is contained in:
Burak Civan 2022-06-20 13:40:04 +03:00
commit 217d7bccd3
2 changed files with 732 additions and 12119 deletions

12830
public/css/app.css vendored

File diff suppressed because it is too large Load Diff

View File

@ -4,12 +4,12 @@
<WizardSteps :active_state="active"></WizardSteps>
</div>
<div class="flex flex-col justify-between" style="height:565px;">
<div modal-container class="flex flex-col justify-between" style="height:565px;">
<div v-if="pageLoad" class="absolute left-0 right-0 top-0 bottom-0 w-full h-full bg-white rounded-lg flex items-center justify-center z-50">
<span class="material-icons form-spin text-lg animate-spin text-9xl">data_usage</span>
</div>
<div class="flex mt-6">
<div class="flex flex-col lg:flex-row mt-6">
<div class="w-full lg:w-1/2 ltr:pr-10 rtl:pl-10 mt-3">
<div class="grid sm:grid-cols-6">
<h1 class="sm:col-span-6 text-black-300 mb-2">
@ -24,7 +24,7 @@
class="rounded-lg object-cover"
/>
</div>
<div class="w-3/4 lg:ltr:pl-8 lg:rtl:pr-8">
<div class="w-3/4 ltr:pl-8 rtl:pr-8">
<span class="font-medium">{{ item.name }}</span>
<div class="text-black-300 text-sm my-2 line-clamp-2 h-10"
v-html="item.description"></div>
@ -32,9 +32,14 @@
</a>
</div>
</div>
<div class="lg:hidden">
<base-button class="btn flex items-center justify-center text-base disabled:opacity-50 relative mt-5 mx-auto bg-green hover:bg-gray-100 text-white rounded-md py-3 px-5 font-semibold" @click="finish()">
{{ translations.finish.create_first_invoice }}
</base-button>
</div>
</div>
<div class="relative w-1/2 right-0 ltr:pl-10 rtl:pr-10 mt-3 hidden: lg:flex lg:flex-col">
<div class="relative w-1/2 right-0 ltr:pl-10 rtl:pr-10 mt-3 hidden lg:flex lg:flex-col">
<div class="bg-purple rounded-tl-lg rounded-bl-lg p-6">
<div class="w-48 text-white rtl:float-left rtl:text-left text-2xl font-semibold leading-9">
{{ translations.finish.apps_managing }}
@ -116,3 +121,11 @@ export default {
},
};
</script>
<style scoped>
@media only screen and (max-width: 991px) {
[modal-container] {
height: 100% !important;
}
}
</style>