beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Fix style for first load alert.

Browse source
This commit is contained in:
Pushkar Anand 2021-05-27 03:00:00 +05:30
parent 73a0a43ae4
commit 1a86ac43fb
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/pages/gallery/index.tsx
View file

@ -84,6 +84,14 @@ export type Search = {
location?: Bbox;
}
const AlertContainer = styled.div`
background-color: #111;
padding: 5px 0;
font-size: 14px;
text-align: center;
margin-top: -10px;
`;
export default function Gallery() {
const router = useRouter();
const [collections, setCollections] = useState<Collection[]>([]);
@ -296,11 +304,9 @@ export default function Gallery() {
)}
<LoadingBar color="#2dc262" ref={loadingBar} />
{isFirstLoad && (
<div className="text-center">
<Alert variant="success">
{constants.INITIAL_LOAD_DELAY_WARNING}
</Alert>
</div>
<AlertContainer>
{constants.INITIAL_LOAD_DELAY_WARNING}
</AlertContainer>
)}
<PlanSelector
modalView={planModalView}