diff --git a/ghost/admin/app/styles/components/koenig.css b/ghost/admin/app/styles/components/koenig.css index a1a3463f2c..931e086f11 100644 --- a/ghost/admin/app/styles/components/koenig.css +++ b/ghost/admin/app/styles/components/koenig.css @@ -937,16 +937,9 @@ .kg-media-selector-browser { display: flex; flex-direction: column; - background-color: var(--main-bg-color); - box-shadow: - 0px -1px 10px rgba(0, 0, 0, 0.08), - 0px 4.6px 5.6px rgba(0, 0, 0, 0.017), - 0px 11.2px 13.4px rgba(0, 0, 0, 0.025), - 0px 21px 25.2px rgba(0, 0, 0, 0.031), - 0px 37.5px 44.9px rgba(0, 0, 0, 0.036), - 0px 70.2px 84px rgba(0, 0, 0, 0.043), - 0px 168px 201px rgba(0, 0, 0, 0.06); - border-radius: 5px; + background-color: var(--whitegrey-l2); + border: 1px solid var(--whitegrey); + border-radius: 3px; height: 540px; /* margin-bottom: 32px; */ } @@ -955,15 +948,23 @@ padding: 24px; } +.kg-media-selector-heading .gh-input-icon svg { + width: 16px; + height: 16px; + top: 49%; + left: 13px; +} + .kg-media-selector-searchbox { width: 100%; - height: 32px; + height: 38px; margin: 0; padding: 0 30px 1px 50px; outline: none; border: 1px solid color-mod(var(--lightgrey) l(-2%)); color: var(--darkgrey); - font-size: 14px; + font-family: var(--font-family); + font-size: 15px; background-color: #fff; border-radius: 999px; appearance: none;