From aad355a58324ed947fd11d9c1bc2b0ad6d24425c Mon Sep 17 00:00:00 2001
From: HouTeng Chan <ht-chen21@mails.tsinghua.edu.cn>
Date: Mon, 30 Sep 2024 14:59:55 +0000
Subject: [PATCH] Update file home.html
---
wiki/pages/home.html | 19 +++++++++++++++----
1 file changed, 15 insertions(+), 4 deletions(-)
diff --git a/wiki/pages/home.html b/wiki/pages/home.html
index d167570a..2f77f39c 100644
--- a/wiki/pages/home.html
+++ b/wiki/pages/home.html
@@ -25,12 +25,14 @@
padding: 20px;
max-width: 1200px;
margin: 60px auto 0;
+ min-height: calc(100vh - 60px);
+ justify-content: center;
}
.content-block {
background-color: rgba(255, 255, 255, 0.7);
border-radius: 20px;
padding: 20px;
- margin: 40px 0; /* Increased vertical margin */
+ margin: 40vh 0; /* Increased vertical margin */
width: 66.66%;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
transition: all 0.3s ease;
@@ -38,7 +40,7 @@
}
.content-block:first-child {
width: 80%; /* Make the first block wider */
- margin-top: 0; /* Remove top margin for the first block */
+ margin: 0; /* Remove margin for the first block */
}
.content-block:hover {
background-color: rgba(255, 255, 255, 0.95);
@@ -76,16 +78,25 @@
}
.modal-content {
background-color: #fefefe;
- margin: 15% auto;
+ margin: 5% auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
max-width: 800px;
border-radius: 10px;
+ position: relative;
+ }
+ .modal-content img {
+ max-width: 100%;
+ height: auto;
+ display: block;
+ margin: 10px auto;
}
.close {
color: #aaa;
- float: right;
+ position: absolute;
+ top: 10px;
+ right: 20px;
font-size: 28px;
font-weight: bold;
}
--
GitLab