caojiezi2003/Homepage-imsyy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #214 from first19326/dev

Browse Source 
feat: 优化 logo 区域样式
This commit is contained in:
底层用户 2023-11-13 09:15:21 +08:00 committed by GitHub
commit 015a139ce0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/components/Message.vue
View File

@ -92,12 +92,13 @@ watch(
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
animation: fade 0.5s; animation: fade 0.5s;
max-width: 460px;
.logo-img { .logo-img {
border-radius: 50%; border-radius: 50%;
width: 120px; width: 120px;
} }
.name { .name {
width: calc(460px - 120px); width: 100%;
padding-left: 22px; padding-left: 22px;
transform: translateY(-8px); transform: translateY(-8px);
font-family: "Pacifico-Regular"; font-family: "Pacifico-Regular";
@ -125,6 +126,10 @@ watch(
} }
} }
} }
@media (max-width: 720px) {
max-width: 100%;
}
} }
.description { .description {

2
src/style/style.scss
View File

@ -38,11 +38,13 @@ p {
// 字体文件 // 字体文件
@font-face { @font-face {
font-family: "Pacifico-Regular"; font-family: "Pacifico-Regular";
font-display: swap;
src: url("/font/Pacifico-Regular.ttf") format("truetype"); src: url("/font/Pacifico-Regular.ttf") format("truetype");
} }
@font-face { @font-face {
font-family: "UnidreamLED"; font-family: "UnidreamLED";
font-display: swap;
src: url("/font/UnidreamLED.ttf") format("truetype"); src: url("/font/UnidreamLED.ttf") format("truetype");
} }