This commit is contained in:
krahets 2024-01-22 23:35:55 +08:00
parent 37d351aeea
commit 7751b03391

View file

@ -274,10 +274,12 @@ body {
margin: 0; margin: 0;
position: absolute; position: absolute;
transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);
white-space: nowrap; /* prevent line breaks */
} }
a:hover .hero-on-hover { a:hover .hero-on-hover {
filter: brightness(1.15) saturate(1.1) drop-shadow(0 0 0.5rem rgba(255, 255, 255, 0.2)); filter: brightness(1.15) saturate(1.1)
drop-shadow(0 0 0.5rem rgba(255, 255, 255, 0.2));
transform: scale(1.03); transform: scale(1.03);
} }
@ -314,7 +316,7 @@ a:hover .hero-caption {
} }
.intro-text { .intro-text {
flex-grow: 1; /* 允许元素填充剩余空间 */ flex-grow: 1; /* fill the space */
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
@ -349,7 +351,7 @@ a:hover .hero-caption {
} }
.profile-cell { .profile-cell {
flex: 1; /* 每个单元格均分空间 */ flex: 1; /* even distribution */
flex-basis: 15%; flex-basis: 15%;
margin: 1em 0.5em; margin: 1em 0.5em;
text-align: center; text-align: center;
@ -381,7 +383,7 @@ a:hover .hero-caption {
} }
.intro-container { .intro-container {
flex-direction: column; /* 竖向布局 */ flex-direction: column;
} }
.intro-text { .intro-text {
@ -396,7 +398,7 @@ a:hover .hero-caption {
} }
.intro-image { .intro-image {
width: 100%; /* 占满屏幕宽度 */ width: 100%;
order: 1; order: 1;
margin-bottom: 1em; margin-bottom: 1em;
} }