jeet/grateful-journal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

history page loader transparent fix

Browse Source
This commit is contained in:
Jeet Debnath
2026-04-16 14:58:22 +05:30
parent 11940678f7
commit 7f06fa347a
3 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.css
View File

@@ -26,6 +26,10 @@
background: #0a0a0a; background: #0a0a0a;
} }
.page-loader--transparent {
background: transparent;
}
.page-loader__tree { .page-loader__tree {
transform-origin: center bottom; transform-origin: center bottom;
animation: tree-sway 1.8s ease-in-out infinite alternate; animation: tree-sway 1.8s ease-in-out infinite alternate;

4
src/components/PageLoader.tsx
View File

@@ -1,6 +1,6 @@
export function PageLoader() { export function PageLoader({ transparent }: { transparent?: boolean }) {
return ( return (
<div className="page-loader" role="status" aria-label="Loading"> <div className={`page-loader${transparent ? ' page-loader--transparent' : ''}`} role="status" aria-label="Loading">
<svg <svg
className="page-loader__tree" className="page-loader__tree"
viewBox="0 0 60 90" viewBox="0 0 60 90"

2
src/pages/HistoryPage.tsx
View File

@@ -270,7 +270,7 @@ export default function HistoryPage() {
</h3> </h3>
{loadingEntries ? ( {loadingEntries ? (
<PageLoader /> <PageLoader transparent />
) : ( ) : (
<div className="entries-list"> <div className="entries-list">
{selectedDateEntries.length === 0 ? ( {selectedDateEntries.length === 0 ? (