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

styling loading converted to custom css

Browse Source
This commit is contained in:
Burak Civan
2022-12-07 16:42:25 +03:00
parent 19cf224171
commit 7d88423e24
10 changed files with 98 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/components/layouts/admin/head.blade.php
View File

@@ -5,6 +5,8 @@
<head>
@stack('head_start')
<link rel="stylesheet" href="{{ asset('public/css/custom_loading.css?v=' . version('short')) }}" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

2
resources/views/components/layouts/auth/head.blade.php
View File

@@ -5,6 +5,8 @@
<head>
@stack('head_start')
<link rel="stylesheet" href="{{ asset('public/css/custom_loading.css?v=' . version('short')) }}" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

2
resources/views/components/layouts/modules/head.blade.php
View File

@@ -5,6 +5,8 @@
<head>
@stack('head_start')
<link rel="stylesheet" href="{{ asset('public/css/custom_loading.css?v=' . version('short')) }}" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

2
resources/views/components/layouts/portal/head.blade.php
View File

@@ -5,6 +5,8 @@
<head>
@stack('head_start')
<link rel="stylesheet" href="{{ asset('public/css/custom_loading.css?v=' . version('short')) }}" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

2
resources/views/components/layouts/preview/head.blade.php
View File

@@ -5,6 +5,8 @@
<head>
@stack('head_start')
<link rel="stylesheet" href="{{ asset('public/css/custom_loading.css?v=' . version('short')) }}" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

2
resources/views/components/layouts/signed/head.blade.php
View File

@@ -5,6 +5,8 @@
<head>
@stack('head_start')
<link rel="stylesheet" href="{{ asset('public/css/custom_loading.css?v=' . version('short')) }}" type="text/css">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

5
resources/views/components/loading/absolute.blade.php
View File

@@ -2,9 +2,8 @@
x-data="{ }"
x-init="document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.add('invisible') }) : null, setTimeout(() => $refs.loadingAbsoluteContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.remove('invisible') }) : null , 1010)"
x-ref="loadingAbsoluteContent"
class="absolute w-full lg:flex items-start justify-center bg-body top-0 bottom-0 left-0 right-0"
style="z-index: 60;"
class="absolute-modal"
>
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28" alt="Akaunting" />
<img src="{{ asset('public/img/akaunting-loading.gif') }}" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->

5
resources/views/components/loading/content.blade.php
View File

@@ -2,9 +2,8 @@
x-data="{ }"
x-init="document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.add('invisible') }) : null, setTimeout(() => $refs.loadingContent.remove(), 1000), setTimeout(() => document.querySelector('[data-modal-handle]') ? document.querySelectorAll('[data-modal-handle]').forEach((item) => { item.classList.remove('invisible') }) : null , 1010)"
x-ref="loadingContent"
class="fixed w-full lg:w-4/5 h-screen flex items-center justify-center bg-body top-0 bottom-0 ltr:right-0 rtl:left-0 -mx-1"
style="position:fixed; z-index:60; top:0; bottom:0; background-color: #fcfcfc;"
class="content-modal"
>
<img src="{{ asset('public/img/akaunting-loading.gif') }}" class="w-28 h-28 lg:-mt-16" alt="Akaunting" />
<img src="{{ asset('public/img/akaunting-loading.gif') }}" alt="Akaunting" />
</div>
<!--data attr added because for none vue.js pages-->