From 715a45e2ae32b5f643c4fb50ff366c320cbaf843 Mon Sep 17 00:00:00 2001
From: zxa666 <zxadeguge@gmail.com>
Date: Thu, 12 Sep 2024 18:30:03 +0800
Subject: [PATCH] better footer
---
src/components/Footer.tsx | 5 +++--
src/containers/App/App.css | 15 ++++++++++-----
2 files changed, 13 insertions(+), 7 deletions(-)
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 7b192f3..7623084 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -13,7 +13,7 @@ export function Footer() {
</div>
{/* The following MUST be on every page: license information and link to the repository on gitlab.igem.org */}
<div className="row bg-wine-red ">
- <div className="col-4">
+ <div className="col-7">
{/* <div className="col-1"></div> */}
{/* <div className="col-5"> */}
@@ -35,7 +35,8 @@ export function Footer() {
/> */}
</div>
- <div className="col-8">
+ <div className="col-5">
+ <div className="center-block"></div>
<p className="mb-0">
<small>
© 2024 - Content on this site is licensed under a{" "}
diff --git a/src/containers/App/App.css b/src/containers/App/App.css
index 3db418c..47cc6f4 100644
--- a/src/containers/App/App.css
+++ b/src/containers/App/App.css
@@ -427,7 +427,7 @@ footer a:hover {
.slideshow-container {
position: relative;
max-width: 100%;
- height: 100%;
+ height: 200px;
overflow: hidden;
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically */
@@ -435,8 +435,9 @@ footer a:hover {
.slide {
position: absolute;
- width: 100%;
- height: 100%;
+ /* width: 100%; */
+ /* height: 100%; */
+ left: 40%;
opacity: 0;
transition: opacity 1s ease-in-out;
justify-content: center; /* Center horizontally */
@@ -444,8 +445,8 @@ footer a:hover {
}
.fade-img {
- width: auto;
- height: 100%;
+ /* width: auto; */
+ height: 200px;
object-fit: cover;
}
@@ -512,4 +513,8 @@ footer a:hover {
100% {
transform: translateX(100%) rotate(180deg);
}
+}
+
+.center-block {
+ height: 40%;
}
\ No newline at end of file
--
GitLab