fix mobile device appearances

This commit is contained in:
Ember 2024-06-19 17:07:39 +08:00
parent cb036d59b0
commit 7d4fcb8afa

View File

@ -236,7 +236,6 @@
width: calc(100% - 200px); /* 总宽度减去图片容器宽度和间距 */ width: calc(100% - 200px); /* 总宽度减去图片容器宽度和间距 */
margin-right: 15px; /* 右侧间距 */ margin-right: 15px; /* 右侧间距 */
text-align: center; text-align: center;
} }
.logo-image { .logo-image {
margin-right: 20px; margin-right: 20px;
@ -258,8 +257,10 @@
font-weight: bold; font-weight: bold;
} }
.text-container h3 { .text-container h3 {
margin-top: 0px; /* Adjust this value as needed to reduce the space */ margin-top: 0px; /* 调整此值以减少空间 */
font-size: 28px; /* Example font size, adjust as needed */ font-size: 28px; /* 示例字体大小,根据需要调整 */
display: flex;
align-items: center;
} }
.text-container p { .text-container p {
@ -302,7 +303,7 @@
.dark .my-button { .dark .my-button {
background-color: #73767a; background-color: #73767a;
color: white; color: white;
box-shadow: 0 4px 8px #73767a; /* Darker shadow in dark mode */ box-shadow: 0 4px 8px #73767a; /* 暗黑模式下的更暗阴影 */
} }
.dark .my-button:hover { .dark .my-button:hover {
background-color: #161b21; background-color: #161b21;
@ -313,7 +314,11 @@
.centered-text { .centered-text {
text-align: center; text-align: center;
} }
/* 让特定容器的文本居中 */ @media (max-width: 768px) {
.logo-image {
display: none;
}
}
</style> </style>