mirror/typecho-joe
2
0
Fork 0
mirror of https://dl.bcrjl.com/ghg/HaoOuBa/Joe.git synced 2026-02-17 13:10:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新

Browse Source
This commit is contained in:
杜恒
2021-02-03 11:15:55 +08:00
parent a45e71f6b1
commit ff86838e55
3 changed files with 69 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/css/joe.live.css
View File

File diff suppressed because one or more lines are too long

93
assets/css/joe.live.scss
View File

@@ -99,7 +99,7 @@
.recommendTagName {
position: absolute;
top: 8px;
left: 8px;
right: 8px;
background: #f90;
color: #fff;
font-size: 12px;
@@ -144,53 +144,72 @@
}
}
.description {
position: relative;
background: var(--background);
padding: 10px;
padding: 15px 10px 10px;
.avatar {
position: absolute;
top: -20px;
left: 0;
z-index: 9;
.icon {
height: 35px;
fill: var(--background);
}
img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
object-fit: cover;
border-radius: 50%;
}
}
.nick {
position: relative;
color: var(--minor);
font-size: 12px;
padding-left: 13px;
margin-bottom: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
&::before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
content: '';
border: 2px solid #0056ff;
height: 4px;
width: 4px;
border-radius: 50%;
}
}
.introduction {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--main);
margin-bottom: 10px;
border-bottom: 1px solid var(--classD);
padding-bottom: 8px;
margin-bottom: 8px;
}
.meta {
display: flex;
align-items: center;
justify-content: space-between;
.user {
flex: 1;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
img {
width: 22px;
height: 22px;
object-fit: cover;
border-radius: 50%;
margin-right: 3px;
}
span {
color: var(--routine);
font-size: 12px;
}
font-size: 12px;
color: var(--minor);
.icon {
width: 13px;
height: 13px;
margin-right: 3px;
}
.game {
font-size: 12px;
display: flex;
align-items: center;
.icon {
width: 13px;
height: 13px;
margin-right: 3px;
}
.total {
color: var(--minor);
margin-right: 8px;
}
.name {
color: #f90;
}
.name {
color: #f90;
margin-left: auto;
}
}
}