chore: made preview smaller
This commit is contained in:
parent
23248fa42c
commit
a363168a0b
15
src/App.css
15
src/App.css
@ -518,9 +518,9 @@ h3 {
|
|||||||
|
|
||||||
/* --- Featured Plugin Showcase Hero (Steam / App Store Style) --- */
|
/* --- Featured Plugin Showcase Hero (Steam / App Store Style) --- */
|
||||||
.featured-showcase-container {
|
.featured-showcase-container {
|
||||||
max-width: 1600px;
|
max-width: 1100px;
|
||||||
margin: 2rem auto 3rem auto;
|
margin: 1.5rem auto 2.5rem auto;
|
||||||
padding: 0 2rem;
|
padding: 0 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.featured-showcase-main {
|
.featured-showcase-main {
|
||||||
@ -539,15 +539,17 @@ h3 {
|
|||||||
|
|
||||||
.featured-showcase-link {
|
.featured-showcase-link {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: 1fr 340px;
|
grid-template-columns: 1fr 300px;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
min-height: 440px;
|
min-height: 280px;
|
||||||
|
max-height: 340px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1024px) {
|
@media (max-width: 1024px) {
|
||||||
.featured-showcase-link {
|
.featured-showcase-link {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
|
max-height: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -558,7 +560,8 @@ h3 {
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
min-height: 320px;
|
min-height: 220px;
|
||||||
|
max-height: 340px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.featured-main-img {
|
.featured-main-img {
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user