gpttemp
This commit is contained in:
24
code/public/static/css/modules/newest/newest_01.css
Normal file
24
code/public/static/css/modules/newest/newest_01.css
Normal file
@@ -0,0 +1,24 @@
|
||||
/* newest_01.css */
|
||||
.__PFX__-n1-title {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-n1-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2,1fr);
|
||||
gap: 14px;
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-n1-grid { grid-template-columns: repeat(4,1fr); }
|
||||
}
|
||||
.__PFX__-n1-card img {
|
||||
width: 100%;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 10px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-n1-card p {
|
||||
font-size: 12px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
26
code/public/static/css/modules/newest/newest_02.css
Normal file
26
code/public/static/css/modules/newest/newest_02.css
Normal file
@@ -0,0 +1,26 @@
|
||||
/* newest_02.css */
|
||||
.__PFX__-n2-hd {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-n2-scroll {
|
||||
overflow-x: auto;
|
||||
display: flex;
|
||||
gap: 12px;
|
||||
}
|
||||
.__PFX__-n2-item {
|
||||
width: 110px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.__PFX__-n2-img {
|
||||
width: 100%;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-n2-item span {
|
||||
display: block;
|
||||
font-size: 12px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
25
code/public/static/css/modules/newest/newest_03.css
Normal file
25
code/public/static/css/modules/newest/newest_03.css
Normal file
@@ -0,0 +1,25 @@
|
||||
/* newest_03.css */
|
||||
.__PFX__-n3-title {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
.__PFX__-n3-row {
|
||||
display: flex;
|
||||
gap: 10px;
|
||||
padding: 10px 0;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
.__PFX__-n3-cover {
|
||||
width: 90px;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 8px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-n3-info h4 {
|
||||
font-size: 14px;
|
||||
}
|
||||
.__PFX__-n3-info p {
|
||||
font-size: 12px;
|
||||
color: #777;
|
||||
}
|
||||
26
code/public/static/css/modules/newest/newest_04.css
Normal file
26
code/public/static/css/modules/newest/newest_04.css
Normal file
@@ -0,0 +1,26 @@
|
||||
/* newest_04.css */
|
||||
.__PFX__-n4-hd {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-n4-grid {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: grid;
|
||||
gap: 12px;
|
||||
grid-template-columns: repeat(3,1fr);
|
||||
}
|
||||
@media(min-width:768px){
|
||||
.__PFX__-n4-grid { grid-template-columns: repeat(6,1fr); }
|
||||
}
|
||||
.__PFX__-n4-img {
|
||||
width: 100%;
|
||||
aspect-ratio: 2/3;
|
||||
border-radius: 10px;
|
||||
object-fit: cover;
|
||||
}
|
||||
.__PFX__-n4-a p {
|
||||
font-size: 12px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
20
code/public/static/css/modules/newest/newest_05.css
Normal file
20
code/public/static/css/modules/newest/newest_05.css
Normal file
@@ -0,0 +1,20 @@
|
||||
/* newest_05.css */
|
||||
.__PFX__-n5-hd {
|
||||
font-size: 16px;
|
||||
color: var(--primary-color);
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.__PFX__-n5-line {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 8px 0;
|
||||
border-bottom: 1px solid rgba(0,0,0,.06);
|
||||
gap: 8px;
|
||||
}
|
||||
.__PFX__-n5-dot {
|
||||
color: var(--primary-color);
|
||||
}
|
||||
.__PFX__-n5-name {
|
||||
font-size: 13px;
|
||||
color: #333;
|
||||
}
|
||||
Reference in New Issue
Block a user