From 16e7385565757bde945b8fd6a60077be3ff0b698 Mon Sep 17 00:00:00 2001
From: asal sahami <asalsahami22@gmail.com>
Date: Sat, 28 Sep 2024 18:08:48 +0200
Subject: [PATCH] gif
---
src/App/mediarules.css | 21 ++++++++++++++-------
src/contents/description.tsx | 2 +-
src/sidebars/engS.tsx | 2 +-
3 files changed, 16 insertions(+), 9 deletions(-)
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index f22e57d9..d89147fa 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -55,15 +55,15 @@
.container-fluid {
min-height: 100vh; /* FÞllt den gesamten Bildschirm aus */
}
+
/***footer***/
-
footer {
- padding: 10px; /* Less padding for mobile */
+ padding: 10px;
}
footer a, footer p {
- font-size: 14px; /* Adjust font size for mobile */
- line-height: 1.4; /* Adjust line height for readability */
+ font-size: 14px;
+ line-height: 1.4;
}
footer .social-icons {
@@ -73,19 +73,26 @@
}
footer .contact-info {
- font-size: 12px; /* Smaller text for mobile */
+ font-size: 12px;
}
footer img {
- width: 100px; /* Adjust image sizes for mobile */
+ width: 100px;
height: auto;
}
+
footer a {
word-wrap: break-word;
overflow-wrap: break-word;
}
-
+
+ /***gif***/
+ .gif-wrapper img {
+ width: 400px;
+ height: auto;
+ }
+
.row-if-small{
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
diff --git a/src/contents/description.tsx b/src/contents/description.tsx
index 74e88cc2..61a136cf 100644
--- a/src/contents/description.tsx
+++ b/src/contents/description.tsx
@@ -92,7 +92,7 @@ export function Description() {
<div className="figure-wrapper">
<figure>
<div className="col gif-wrapper">
- <img className="fanzor gif" src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img>
+ <img className="CFTR gif" src="https://static.igem.wiki/teams/5247/fanzor/cftr-wt.gif"></img>
</div>
<figcaption> <b>Figure x.</b></figcaption>
</figure>
diff --git a/src/sidebars/engS.tsx b/src/sidebars/engS.tsx
index 12dce939..1d174782 100644
--- a/src/sidebars/engS.tsx
+++ b/src/sidebars/engS.tsx
@@ -29,7 +29,7 @@ export function EngSide(){
const {goToPageWithTabAndScroll} = useNavigation();
return(
- <div className="col-2 d-lg-block" >
+ <div className="col-2 d-none d-lg-block" >
<br/>
<div className="sticky-top">
<nav className="sidebar" id="eng-sidebar">
--
GitLab