From 4c61daa06e68e6ab4a0214d41312bde854d645bc Mon Sep 17 00:00:00 2001
From: asal sahami <asalsahami22@gmail.com>
Date: Wed, 25 Sep 2024 15:18:35 +0200
Subject: [PATCH] media
---
src/App/mediarules.css | 31 ++++++++++++++++++++++++++++++-
1 file changed, 30 insertions(+), 1 deletion(-)
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index b74dfb49..8f059d2e 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -50,6 +50,34 @@
.col-6 {
width: 100%; /* Full width for smartphone */
}
+ .sidebar {
+ position: fixed;
+ width: 100%;
+ height: auto;
+ bottom: 0;
+ left: 0;
+ background-color: #fff;
+ z-index: 1000;
+ overflow-x: hidden;
+ padding: 5px;
+ box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
+ }
+
+ .sidebar a {
+ display: block;
+ padding: 10px;
+ text-align: center;
+ border-top: 1px solid #ddd;
+ }
+
+ .backtotop {
+ display: none;
+ }
+ .fadein-image {
+ width: 100% !important; /* Ensure images are fully responsive */
+ height: auto;
+ }
+}
.row-if-small{
--bs-gutter-x: 1.5rem;
@@ -88,6 +116,7 @@
.tag{
width: min-content !important;
}
+
.timeline-item-content time{
width: fit-content !important;
margin-top: 0 !important;
@@ -178,7 +207,7 @@ body {
display: grid !important;
}
-}
+
/*For small Smartphones*/
@media screen and (max-width: 750px){
--
GitLab