Balance the new-project tile's spacing; equalize grid row heights
- .project-card--new gets its own gap (0.75rem vs the default 0.4rem) so the Name field and Create project button aren't cramped together. - .dashboard__grid switches align-items from start to stretch, so every tile in a row shares the row's height; .project-card gets an explicit justify-content: flex-start so its contents stay pinned to the top of the now-taller box instead of spreading out. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
+3
-1
@@ -331,12 +331,13 @@ h1 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
|
||||
gap: 1rem;
|
||||
align-items: start;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.project-card {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
gap: 0.4rem;
|
||||
padding: 1rem;
|
||||
background: var(--surface);
|
||||
@@ -363,6 +364,7 @@ h1 {
|
||||
.project-card--new {
|
||||
background: transparent;
|
||||
border-style: dashed;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.project-card--new label {
|
||||
|
||||
Reference in New Issue
Block a user