diff --git a/public/css/app.css b/public/css/app.css
index 7b28a4938..0f477b5a2 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -57297,6 +57297,10 @@ body{
margin-top: 0px;
}
+ .lg\:-mt-16{
+ margin-top: -4rem;
+ }
+
.lg\:mb-0{
margin-bottom: 0px;
}
@@ -57413,6 +57417,10 @@ body{
width: 46.875rem;
}
+ .lg\:w-4\/5{
+ width: 80%;
+ }
+
.lg\:w-3\/5{
width: 60%;
}
diff --git a/public/css/custom_loading.css b/public/css/custom_loading.css
index 94d4859c0..542d6e2a5 100644
--- a/public/css/custom_loading.css
+++ b/public/css/custom_loading.css
@@ -1,82 +1,99 @@
-/* content */
@media (min-width: 1024px) {
- .content-modal {
- width: 100%;
+ .lg\:w-4\/5 {
+ width: 80%;
+ }
+
+ .lg\:-mt-16 {
+ margin-top: -4rem;
+ }
+
+ .lg\:flex {
+ display: flex;
}
}
-.content-modal {
- position: fixed;
- width: 80%;
- height: 100vh;
- display: flex;
- align-items: center;
- justify-content: center;
- margin-left: -0.25rem;
- margin-right: -0.25rem;
- z-index: 60;
- top: 0px;
- bottom: 0px;
- background-color: rgb(252, 252, 252);
- z-index: 60;
-}
-[dir="ltr"] .content-modal {
+[dir="ltr"] .ltr\:right-0 {
right: 0px;
}
-[dir="rtl"] .content-modal {
+[dir="rtl"] .ltr\:left-0 {
left: 0px;
}
-@media (min-width: 1024px) {
- .content-modal img {
- margin-top: -4rem;
- }
+.bg-body {
+ background-color: #fcfcfc;
}
-.content-modal img {
+
+.justify-center {
+ justify-content: center;
+}
+
+.items-center {
+ align-items: center;
+}
+
+.items-start {
+ align-items: flex-start;
+}
+
+.w-full {
+ width: 100%;
+}
+
+.h-screen {
+ height: 100vh;
+}
+
+.-mx-1 {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+}
+
+.bottom-0 {
+ bottom: 0px;
+}
+
+.top-0 {
+ top: 0px;
+}
+
+.left-0 {
+ left: 0px;
+}
+
+.right-0 {
+ right: 0px;
+}
+
+.fixed {
+ position: fixed;
+}
+
+.absolute {
+ position: absolute;
+}
+
+.w-28 {
width: 7rem;
- height: 7rem;
}
-/* content */
-/* absolute */
-@media (min-width: 1024px) {
- .absolute-modal {
- display: block;
- }
- }
- .absolute-modal {
- position: absolute;
- width: 100%;
- display: flex;
- align-items: start;
- justify-content: center;
- top: 0px;
- bottom: 0px;
- left: 0px;
- right: 0px;
- background-color: rgb(252, 252, 252);
- z-index: 60;
- }
-
- .absolute-modal img {
- width: 7rem;
+.h-28 {
height: 7rem;
- }
-/* absolute */
+}
.material-icons-outlined {
-font-family: 'Material Icons Outlined';
-font-weight: normal;
-font-style: normal;
-font-size: 24px;
-line-height: 1;
-letter-spacing: normal;
-text-transform: none;
-display: inline-block;
-white-space: nowrap;
-word-wrap: normal;
-direction: ltr;
--webkit-font-feature-settings: 'liga';
--webkit-font-smoothing: antialiased;
-}
+ font-family: 'Material Icons Outlined';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px;
+ line-height: 1;
+ letter-spacing: normal;
+ text-transform: none;
+ display: inline-block;
+ white-space: nowrap;
+ word-wrap: normal;
+ direction: ltr;
+ -webkit-font-feature-settings: 'liga';
+ -webkit-font-smoothing: antialiased;
+ }
+
diff --git a/resources/views/components/layouts/admin/head.blade.php b/resources/views/components/layouts/admin/head.blade.php
index a40e57b68..93cfd5a87 100644
--- a/resources/views/components/layouts/admin/head.blade.php
+++ b/resources/views/components/layouts/admin/head.blade.php
@@ -4,8 +4,6 @@
@stack('head_start')
-
-
@@ -17,6 +15,8 @@
+
+
diff --git a/resources/views/components/layouts/auth/head.blade.php b/resources/views/components/layouts/auth/head.blade.php
index 5251e5505..25f6ca18b 100644
--- a/resources/views/components/layouts/auth/head.blade.php
+++ b/resources/views/components/layouts/auth/head.blade.php
@@ -5,8 +5,6 @@
@stack('head_start')
-
-
@@ -18,6 +16,8 @@
+
+
diff --git a/resources/views/components/layouts/modules/head.blade.php b/resources/views/components/layouts/modules/head.blade.php
index 706aaccf7..4d814158e 100644
--- a/resources/views/components/layouts/modules/head.blade.php
+++ b/resources/views/components/layouts/modules/head.blade.php
@@ -5,8 +5,6 @@
@stack('head_start')
-
-
@@ -18,6 +16,8 @@
+
+
diff --git a/resources/views/components/layouts/portal/head.blade.php b/resources/views/components/layouts/portal/head.blade.php
index c98fdccd5..273d9e18a 100644
--- a/resources/views/components/layouts/portal/head.blade.php
+++ b/resources/views/components/layouts/portal/head.blade.php
@@ -5,8 +5,6 @@
@stack('head_start')
-
-
@@ -18,6 +16,8 @@
+
+
diff --git a/resources/views/components/layouts/preview/head.blade.php b/resources/views/components/layouts/preview/head.blade.php
index c98fdccd5..273d9e18a 100644
--- a/resources/views/components/layouts/preview/head.blade.php
+++ b/resources/views/components/layouts/preview/head.blade.php
@@ -5,8 +5,6 @@
@stack('head_start')
-
-
@@ -18,6 +16,8 @@
+
+
diff --git a/resources/views/components/layouts/signed/head.blade.php b/resources/views/components/layouts/signed/head.blade.php
index c98fdccd5..273d9e18a 100644
--- a/resources/views/components/layouts/signed/head.blade.php
+++ b/resources/views/components/layouts/signed/head.blade.php
@@ -5,8 +5,6 @@
@stack('head_start')
-
-
@@ -18,6 +16,8 @@
+
+
diff --git a/resources/views/components/loading/absolute.blade.php b/resources/views/components/loading/absolute.blade.php
index afab19b38..08f37e4e6 100644
--- a/resources/views/components/loading/absolute.blade.php
+++ b/resources/views/components/loading/absolute.blade.php
@@ -2,8 +2,9 @@
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-modal"
+ class="absolute w-full lg:flex items-start justify-center bg-body top-0 bottom-0 left-0 right-0 z-50"
+ style="z-index: 60;"
>
-  }})
+
\ No newline at end of file
diff --git a/resources/views/components/loading/content.blade.php b/resources/views/components/loading/content.blade.php
index 3067b45ef..f317e8b12 100644
--- a/resources/views/components/loading/content.blade.php
+++ b/resources/views/components/loading/content.blade.php
@@ -2,8 +2,9 @@
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="content-modal"
+ 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 z-50"
+ style="z-index: 60;"
>
-
+