Skip to content

Commit 789b95f

Browse files
Centered hero search on landing page
1 parent b617308 commit 789b95f

1 file changed

Lines changed: 12 additions & 1 deletion

File tree

‎app/globals.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -249,11 +249,22 @@ pre {
249249

250250
.hero-search {
251251
position: relative;
252-
max-width: 480px;
252+
/* Exactly half the rendered width of the top menu (#top-menu is capped by
253+
mvp.css at --width-content = 1080px, full width below that) and centered
254+
under it. */
255+
width: min(540px, 50vw);
253256
margin: 1rem auto;
254257
text-align: left;
255258
}
256259

260+
.hero-search input {
261+
width: 100%;
262+
box-sizing: border-box;
263+
padding: 0.35rem 0.6rem;
264+
border: 1px solid #c6d2dc;
265+
border-radius: var(--radius);
266+
}
267+
257268
/* ---- Repository grid ---- */
258269
.repo-grid,
259270
.featured-repos ul {

0 commit comments

Comments
 (0)