style: header on small screen devices

This commit is contained in:
--global 2024-08-04 23:19:33 +08:00
parent e075ba8b6c
commit ae1d89d3ec
2 changed files with 5 additions and 4 deletions

View File

@ -35,6 +35,7 @@ const modeText = computed(() => {
position: relative;
font-size: 40px;
font-weight: 700;
text-align: center;
&::after {
content: "v" attr(data-version);
@ -58,8 +59,7 @@ const modeText = computed(() => {
.header-tag {
font-size: 14px;
padding: 0 10px;
height: 25px;
padding: 6px 10px;
background: #f5f7fa;
border: 1px solid #dcdfe6;
color: #909399;
@ -68,7 +68,7 @@ const modeText = computed(() => {
align-items: center;
overflow: hidden;
user-select: none;
line-height: 18px;
}
}
}

View File

@ -4,8 +4,9 @@
}
.cg-header {
width: 96% !important;
height: auto !important;
margin: 60px 0 20px 0;
margin: 60px auto 20px auto;
&__title {
font-size: 28px !important;
&::after {