add: Fonts Awesome字体

美化滚动条
This commit is contained in:
jackfiled 2024-01-21 22:02:45 +08:00
parent 50306e2943
commit a7286c86e3
9 changed files with 57 additions and 5 deletions

View File

@ -46,7 +46,7 @@
</FluentLabel> </FluentLabel>
</a> </a>
<div style="width: 50px"></div> <div style="width: 20px"></div>
</FluentStack> </FluentStack>
</FluentHeader> </FluentHeader>
<FluentBodyContent Style="height: 100%"> <FluentBodyContent Style="height: 100%">

View File

@ -16,6 +16,8 @@
</div> </div>
</div> </div>
<div style="height: 2rem"></div>
<div style="margin: 0 15% 0 15%"> <div style="margin: 0 15% 0 15%">
<FluentCard> <FluentCard>
<div> <div>

View File

@ -21,13 +21,11 @@
width: 100%; width: 100%;
} }
.scroll-down-tag::before {
content: "V";
}
.scroll-down-tag { .scroll-down-tag {
font-family: "Font Awesome 6 Free", sans-serif; font-family: "Font Awesome 6 Free", sans-serif;
font-size: 36px; font-size: 36px;
font-style: normal;
font-weight: 900;
color: white; color: white;
text-align: center; text-align: center;
position: relative; position: relative;
@ -36,6 +34,10 @@
animation: scroll-down-animation 1.5s infinite; animation: scroll-down-animation 1.5s infinite;
} }
.scroll-down-tag::before {
content: "\f107";
}
@keyframes scroll-down-animation { @keyframes scroll-down-animation {
0% { 0% {
top: 0; top: 0;

View File

@ -0,0 +1,2 @@
*.ttf filter=lfs diff=lfs merge=lfs -text
*.woff2 filter=lfs diff=lfs merge=lfs -text

BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.ttf (Stored with Git LFS) Normal file

Binary file not shown.

BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-regular-400.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.ttf (Stored with Git LFS) Normal file

Binary file not shown.

BIN
YaeBlog.Theme.FluentUI/wwwroot/fonts/fa-solid-900.woff2 (Stored with Git LFS) Normal file

Binary file not shown.

View File

@ -5,3 +5,37 @@ body a {
html, body { html, body {
height: 100%; height: 100%;
} }
*::-webkit-scrollbar {
width: 8px;
height: 8px;
}
*::-webkit-scrollbar-thumb {
background-color: #80c8f8;
}
*::-webkit-scrollbar-track {
background-color: transparent;
}
* {
scrollbar-width: thin;
scrollbar-color: #80c8f8 transparent;
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 400;
font-display: block;
src: url(fonts/fa-regular-400.woff2) format("woff2"),url(fonts/fa-regular-400.ttf) format("truetype")
}
@font-face {
font-family: "Font Awesome 6 Free";
font-style: normal;
font-weight: 900;
font-display: block;
src: url(fonts/fa-solid-900.woff2) format("woff2"),url(fonts/fa-solid-900.ttf) format("truetype")
}