Commit fe6642ee authored by zk's avatar zk
Browse files

Fix wide screen card spacing

parent 3c203950
...@@ -302,21 +302,22 @@ h2 { ...@@ -302,21 +302,22 @@ h2 {
.server-grid { .server-grid {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); grid-template-columns: repeat(auto-fill, minmax(min(100%, 320px), 1fr));
grid-auto-rows: auto; grid-auto-rows: minmax(370px, auto);
gap: 16px; gap: 20px;
align-items: stretch; align-items: stretch;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
overflow-y: auto; overflow-y: auto;
padding: 2px 8px 18px 2px; padding: 2px 10px 24px 2px;
} }
.server-card { .server-card {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 284px; height: 100%;
min-height: 370px;
min-width: 0; min-width: 0;
border: 1px solid var(--line); border: 1px solid var(--line);
border-radius: 12px; border-radius: 12px;
...@@ -438,6 +439,7 @@ h2 { ...@@ -438,6 +439,7 @@ h2 {
display: grid; display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 6px; gap: 6px;
flex: 0 0 auto;
} }
.gpu-chip { .gpu-chip {
...@@ -567,7 +569,8 @@ h2 { ...@@ -567,7 +569,8 @@ h2 {
flex-wrap: wrap; flex-wrap: wrap;
gap: 6px; gap: 6px;
align-items: center; align-items: center;
margin-top: 14px; margin-top: auto;
padding-top: 14px;
} }
.tag { .tag {
...@@ -892,6 +895,7 @@ select:focus { ...@@ -892,6 +895,7 @@ select:focus {
} }
.server-card { .server-card {
height: auto;
min-height: 0; min-height: 0;
} }
} }
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment