mirrors/mue
1
0
Fork 0
mirror of https://github.com/mue/mue.git synced 2026-07-13 12:07:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

style: modal loader, sidebar colours

Browse Source
This commit is contained in:
Isaac
2024-06-15 00:55:10 +01:00
parent b2a1869089
commit 47c2d94154
3 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/Elements/MainModal/Main.jsx
View File

@@ -10,16 +10,10 @@ const Addons = lazy(() => import('../../../features/misc/views/Addons'));
const Marketplace = lazy(() => import('../../../features/misc/views/Marketplace'));
const renderLoader = () => (
<div className="flex w-full min-h-full">
<div className="modalTabContent">
<div className="emptyItems">
<div className="emptyMessage">
<div className="loaderHolder">
<div id="loader"></div>
<span className="subtitle">{variables.getMessage('modals.main.loading')}</span>
</div>
</div>
</div>
<div className="flex flex-col w-full h-[65vh] justify-center items-center">
<div className="loaderHolder">
<div id="loader"></div>
<span className="subtitle">{variables.getMessage('modals.main.loading')}</span>
</div>
</div>
);

4
src/components/Elements/MainModal/scss/index.scss
View File

@@ -130,9 +130,9 @@ h5 {
height: 50px;
@include themed {
border: 3px solid t($modal-sidebar);
border: 3px solid t($btn-background);
border-radius: 50%;
border-top-color: t($modal-sidebarActive);
border-top-color: t($brand-accent);
}
animation: spin 1s ease-in-out infinite;