Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-11-11 06:35:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix spinner sizings

Browse Source
This commit is contained in:
mrjvs 2023-11-20 19:03:48 +01:00
parent 0c2bbd16a5
commit b69c1a4518
4 changed files with 3 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/layout/Spinner.css
View File

@ -1,5 +1,4 @@
.spinner { .spinner {
font-size: 48px;
width: 1em; width: 1em;
height: 1em; height: 1em;
border: 0.12em solid var(--color,white); border: 0.12em solid var(--color,white);

2
src/components/player/atoms/LoadingSpinner.tsx
View File

@ -6,5 +6,5 @@ export function LoadingSpinner() {
if (!isLoading) return null; if (!isLoading) return null;
return <Spinner />; return <Spinner className="text-4xl" />;
} }

2
src/pages/parts/admin/BackendTestPart.tsx
View File

@ -115,10 +115,10 @@ export function BackendTestPart() {
)} )}
<Button <Button
theme="purple" theme="purple"
loading={testState.loading}
className="whitespace-nowrap" className="whitespace-nowrap"
onClick={runTests} onClick={runTests}
> >
{testState.loading ? <Spinner className="text-base mr-2" /> : null}
Test backend Test backend
</Button> </Button>
</div> </div>

3
src/pages/parts/admin/WorkerTestPart.tsx
View File

@ -113,8 +113,7 @@ export function WorkerTestPart() {
})} })}
<Divider /> <Divider />
<div className="flex justify-end"> <div className="flex justify-end">
<Button theme="purple" onClick={runTests}> <Button theme="purple" loading={testState.loading} onClick={runTests}>
{testState.loading ? <Spinner className="text-base mr-2" /> : null}
Test workers Test workers
</Button> </Button>
</div> </div>