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

Merge pull request #2472 from brkcvn/master

Browse Source 
Wizard finish step responsive
This commit is contained in:
Burak Civan 2022-06-20 10:23:47 +03:00 committed by GitHub
commit 313241eb9f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 727 additions and 12128 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12839
public/css/app.css vendored
View File

File diff suppressed because it is too large Load Diff

16
resources/assets/js/views/wizard/Finish.vue
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>
@ -34,7 +34,7 @@
</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 +116,11 @@ export default {
},
};
</script>
<style scoped>
@media only screen and (max-width: 991px) {
[modal-container] {
height: 100% !important;
}
}
</style>