gpttemp
This commit is contained in:
29
code/public/static/css/modules/trending/trending_01.css
Normal file
29
code/public/static/css/modules/trending/trending_01.css
Normal file
@@ -0,0 +1,29 @@
|
||||
/* trending_01.css */
|
||||
.__PFX__-t1-block { margin: 20px 0; }
|
||||
.__PFX__-t1-hd h3 {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-t1-list {
|
||||
padding-left: 18px;
|
||||
}
|
||||
.__PFX__-t1-row {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-t1-a {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
align-items: center;
|
||||
}
|
||||
.__PFX__-t1-num {
|
||||
width: 20px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: var(--primary-color);
|
||||
font-weight: 600;
|
||||
}
|
||||
.__PFX__-t1-name {
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
}
|
||||
26
code/public/static/css/modules/trending/trending_02.css
Normal file
26
code/public/static/css/modules/trending/trending_02.css
Normal file
@@ -0,0 +1,26 @@
|
||||
/* trending_02.css */
|
||||
.__PFX__-t2-title {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-t2-scroll {
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
.__PFX__-t2-card {
|
||||
width: 120px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.__PFX__-t2-img {
|
||||
width: 100%;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 10px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-t2-card span {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
25
code/public/static/css/modules/trending/trending_03.css
Normal file
25
code/public/static/css/modules/trending/trending_03.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* trending_03.css */
|
||||
.__PFX__-t3-area { margin: 20px 0; }
|
||||
.__PFX__-t3-hd strong {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.__PFX__-t3-item {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
padding: 12px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.__PFX__-t3-pic {
|
||||
width: 90px;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-t3-r h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.__PFX__-t3-r p {
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
24
code/public/static/css/modules/trending/trending_04.css
Normal file
24
code/public/static/css/modules/trending/trending_04.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* trending_04.css */
|
||||
.__PFX__-t4-tt {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.__PFX__-t4-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2,1fr);
|
||||
gap: 14px;
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-t4-grid { grid-template-columns: repeat(4,1fr); }
|
||||
}
|
||||
.__PFX__-t4-img {
|
||||
width: 100%;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 10px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-t4-cap {
|
||||
margin-top: 6px;
|
||||
font-size: 13px;
|
||||
}
|
||||
24
code/public/static/css/modules/trending/trending_05.css
Normal file
24
code/public/static/css/modules/trending/trending_05.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* trending_05.css */
|
||||
.__PFX__-t5-wrap {
|
||||
margin: 22px 0;
|
||||
}
|
||||
.__PFX__-t5-hd {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.__PFX__-t5-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
padding: 8px 0;
|
||||
border-bottom: 1px solid rgba(0,0,0,.06);
|
||||
}
|
||||
.__PFX__-t5-dot {
|
||||
color: var(--primary-color);
|
||||
font-size: 14px;
|
||||
}
|
||||
.__PFX__-t5-name {
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
}
|
||||
Reference in New Issue
Block a user