fix

celestiaorg · Sep 8, 2023 · c7bf88c · c7bf88c
1 parent dcd4018
commit c7bf88c
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 33 deletions.
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -239,34 +239,35 @@ class Footer extends React.Component {
 						</div>
 					</div>
 
-                    <div className={'row justify-content-center'}>
-                        <div className={'col col-12 col-sm-6'}>
-                            <p>This website is maintained by Celestia Labs.</p>
-                        </div>
-                    </div>
-
-                    <div className={'row justify-content-center copyright'}>
-                        <div className={'col col-12 col-sm-6 text-center'}>
-                            <p>Website designed with <i className={'icon-heart'}/> by <a href="https://designatives.com">Designatives</a></p>
-                        </div>
-                    </div>
-
-
-                </div>
-                <ReactModal
-                    isOpen={this.state.isModalOpen}
-                >
-                    <div className={'inner'}>
-                        <h3 className={'text-center'}>{this.state.popupTitle}</h3>
-                        <div className={'text-center'} dangerouslySetInnerHTML={{
-                            __html: this.state.msg
-                        }}/>
-                        <button className={'close-button'} onClick={this.handleModalClose}><i className={'icon-close'} aria-label="Close"></i></button>
-                    </div>
-                </ReactModal>
-            </footer>
-        )
-    }
+					<div className={"d-flex justify-content-center"}>
+						<div className={"col col-12 col-sm-6 d-flex flex-column align-items-center"}>
+							<p className="mb-4">
+								This website is maintained by Celestia Labs, trading name of Strange Loop Labs AG, Werdenbergerweg 11, 9490 Vaduz,
+								Liechtenstein.
+							</p>
+							<p className="credit">
+								Made with <i className={"icon-heart"} /> by <a href='https://designatives.com'>Designatives</a>
+							</p>
+						</div>
+					</div>
+				</div>
+				<ReactModal isOpen={this.state.isModalOpen}>
+					<div className={"inner"}>
+						<h3 className={"text-center"}>{this.state.popupTitle}</h3>
+						<div
+							className={"text-center"}
+							dangerouslySetInnerHTML={{
+								__html: this.state.msg,
+							}}
+						/>
+						<button className={"close-button"} onClick={this.handleModalClose}>
+							<i className={"icon-close"} aria-label='Close'></i>
+						</button>
+					</div>
+				</ReactModal>
+			</footer>
+		);
+	}
 }
 
-export default Footer;
+export default Footer;
diff --git a/src/scss/modules/footer.scss b/src/scss/modules/footer.scss
@@ -320,10 +320,10 @@ footer {
 		font-style: normal;
 		font-weight: 600;
 		line-height: normal;
-    opacity:1 ;
-    @include media-breakpoint-down(sm) {
-      font-size: 13px;
-    }
+		opacity: 1;
+		@include media-breakpoint-down(sm) {
+			font-size: 13px;
+		}
 	}
 }