fix(web): tighten hero row spacing and round the hero chips
This commit is contained in:
@@ -9,7 +9,7 @@
|
|||||||
min-height: 28px;
|
min-height: 28px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 12px;
|
border-radius: 16px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: var(--dsw-alias-label-primary);
|
color: var(--dsw-alias-label-primary);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
@@ -263,8 +263,9 @@
|
|||||||
.composerHero {
|
.composerHero {
|
||||||
position: relative; /* .heroGlow positioning context */
|
position: relative; /* .heroGlow positioning context */
|
||||||
align-self: center;
|
align-self: center;
|
||||||
/* figma 75:8208: 12 between hero chrome / workspace row / card. */
|
/* figma 75:8208 drew 12 between all three rows; the workspace row now sits
|
||||||
gap: 12px;
|
6 above the card (its margin-top restores 12 under the hero chrome). */
|
||||||
|
gap: 6px;
|
||||||
/* Foot inside the centered box floats the stack a bit above true center. */
|
/* Foot inside the centered box floats the stack a bit above true center. */
|
||||||
padding-bottom: 32px;
|
padding-bottom: 32px;
|
||||||
/* Card cap + both clearances: the hero input card lands at exactly the same
|
/* Card cap + both clearances: the hero input card lands at exactly the same
|
||||||
@@ -294,6 +295,7 @@
|
|||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 2px;
|
gap: 2px;
|
||||||
min-width: 0;
|
min-width: 0;
|
||||||
|
margin-top: 6px;
|
||||||
/* figma drew px 8; nudged +12 so the chip's folder glyph lines up closer to
|
/* figma drew px 8; nudged +12 so the chip's folder glyph lines up closer to
|
||||||
the card's inner controls below. */
|
the card's inner controls below. */
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|||||||
@@ -105,7 +105,7 @@
|
|||||||
min-height: 28px;
|
min-height: 28px;
|
||||||
padding: 0 8px;
|
padding: 0 8px;
|
||||||
border: none;
|
border: none;
|
||||||
border-radius: 12px;
|
border-radius: 16px;
|
||||||
background: transparent;
|
background: transparent;
|
||||||
color: var(--dsw-alias-label-primary);
|
color: var(--dsw-alias-label-primary);
|
||||||
font-size: 13px;
|
font-size: 13px;
|
||||||
|
|||||||
Reference in New Issue
Block a user