design improvements

studio/src/aem/content-navigation.js

@@ -21,6 +21,7 @@ class ContentNavigation extends LitElement {
                 align-items: center;
                 justify-content: space-between;
                 height: 48px;
+                padding: 16px;
             }
 
             .divider {

studio/src/img/content-icon.js

@@ -0,0 +1,57 @@
+import { html } from 'lit';
+
+export const contentIcon = html`
+    <svg
+        width="37"
+        height="36"
+        viewBox="0 0 37 36"
+        fill="none"
+        xmlns="http://www.w3.org/2000/svg"
+    >
+        <g id="Frame" clip-path="url(#clip0_1279_11384)">
+            <path
+                id="Vector"
+                opacity="0.1"
+                d="M32.5272 15H19.673C17.4236 15 15.6001 16.8235 15.6001 19.0729V30.9271C15.6001 33.1765 17.4236 35 19.673 35H32.5272C34.7766 35 36.6001 33.1765 36.6001 30.9271V19.0729C36.6001 16.8235 34.7766 15 32.5272 15Z"
+                fill="#5C5CE0"
+            />
+            <path
+                id="Vector_2"
+                d="M32.5267 16C34.2211 16 35.5996 17.3785 35.5996 19.0729V30.9271C35.5996 32.6215 34.2211 34 32.5267 34H19.6725C17.9781 34 16.5996 32.6215 16.5996 30.9271V19.0729C16.5996 17.3785 17.9781 16 19.6725 16H32.5267ZM32.5267 15H19.6725C17.4231 15 15.5996 16.8235 15.5996 19.0729V30.9271C15.5996 33.1765 17.4231 35 19.6725 35H32.5267C34.7761 35 36.5996 33.1765 36.5996 30.9271V19.0729C36.5996 16.8235 34.7761 15 32.5267 15Z"
+                fill="#5C5CE0"
+            />
+            <path
+                id="Vector_3"
+                d="M30.4441 31.0341C29.8768 31.0322 29.2338 30.782 28.8955 30.0135L26.4335 24.2577C26.3012 23.9453 25.8729 23.9472 25.7416 24.2596L24.535 27.1346C24.4287 27.3876 24.6136 27.6665 24.8877 27.6665C24.8877 27.6665 25.4962 27.6617 25.5346 27.6617C26.4661 27.6617 27.2212 28.4178 27.2212 29.3484C27.2212 30.2789 26.469 31.0331 25.5394 31.0351H21.7539C20.5541 31.0351 19.7434 29.8122 20.2091 28.7063L23.6083 20.6113C24.0281 19.6136 25.0113 18.9648 26.0923 18.9648C27.1733 18.9648 28.147 19.6117 28.5677 20.6065L31.9889 28.7025C32.4576 29.8094 31.6468 31.0341 30.4441 31.0341Z"
+                fill="#5C5CE0"
+            />
+            <path
+                id="Vector_4"
+                opacity="0.1"
+                d="M10.3408 27.6245L2.40725 30.4502C2.21096 30.4971 2.08401 30.397 2.03713 30.3506C1.99025 30.3037 1.88576 30.1719 1.92092 30.0195L4.79592 22.0811C4.84768 21.939 4.92873 21.812 5.03713 21.7036L5.09743 21.6433L10.7786 27.3249L10.7227 27.3809C10.6133 27.4907 10.4844 27.5728 10.3408 27.6245Z"
+                fill="#5C5CE0"
+            />
+            <path
+                id="Vector_5"
+                opacity="0.1"
+                d="M13.5996 19.0727C13.5996 15.7241 16.3242 12.9999 19.6728 12.9999H25.0837L30.6309 7.44525C30.9805 7.13568 31.0137 6.63421 30.7266 6.30609L26.0674 1.67377C25.7588 1.40863 25.2568 1.44281 24.9687 1.77143L5.80444 20.9362L11.4851 26.6173L13.5996 24.4999V19.0727Z"
+                fill="#5C5CE0"
+            />
+            <path
+                id="Vector_6"
+                d="M13.5995 24.4999L11.485 26.6173L5.80434 20.9362L24.9686 1.77143C25.2567 1.44282 25.7587 1.40864 26.0673 1.67377L30.7264 6.30609C31.0136 6.63421 30.9804 7.13568 30.6307 7.44525L25.0836 12.9999H26.496L31.3153 8.17377C32.0546 7.5224 32.1278 6.3891 31.455 5.6225L26.7479 0.942334C26.0038 0.293894 24.869 0.370064 24.2391 1.08784L4.32997 20.9965C4.11806 21.2084 3.95888 21.4575 3.85634 21.7387L0.965706 29.7285C0.845586 30.2124 0.981326 30.7094 1.33094 31.0581C1.58875 31.3159 1.9286 31.457 2.30164 31.457C2.42957 31.457 2.56141 31.4404 2.69617 31.4062L10.6786 28.5659C10.9637 28.4628 11.2176 28.3012 11.4305 28.0869L13.5995 25.9148L13.5995 24.4999ZM10.7225 27.3808C10.6132 27.4907 10.4843 27.5727 10.3407 27.6245L2.40712 30.4501C2.21083 30.497 2.08388 30.3969 2.037 30.3505C1.99012 30.3037 1.88563 30.1718 1.92079 30.0195L4.79579 22.081C4.84755 21.9389 4.9286 21.812 5.037 21.7036L5.0973 21.6433L10.7784 27.3248L10.7225 27.3808Z"
+                fill="#5C5CE0"
+            />
+        </g>
+        <defs>
+            <clipPath id="clip0_1279_11384">
+                <rect
+                    width="36"
+                    height="36"
+                    fill="white"
+                    transform="translate(0.600098)"
+                />
+            </clipPath>
+        </defs>
+    </svg>
+`;