fix(style): layout content padding

src/pages/playground/embedding.tsx

@@ -98,6 +98,9 @@ const PlaygroundEmbedding: React.FC = () => {
       ghost
       header={{
         title: intl.formatMessage({ id: 'menu.playground.embedding' }),
+        style: {
+          paddingInline: 'var(--layout-content-inlinepadding)'
+        },
         breadcrumb: {}
       }}
       extra={renderExtra()}

src/pages/playground/images.tsx

@@ -168,6 +168,9 @@ const TextToImages: React.FC = () => {
             }
           </div>
         ),
+        style: {
+          paddingInline: 'var(--layout-content-inlinepadding)'
+        },
         breadcrumb: {}
       }}
       extra={renderExtra()}

src/pages/playground/index.tsx

@@ -165,6 +165,9 @@ const Playground: React.FC = () => {
             }
           </div>
         ),
+        style: {
+          paddingInline: 'var(--layout-content-inlinepadding)'
+        },
         breadcrumb: {}
       }}
       extra={renderExtra()}

src/pages/playground/rerank.tsx

@@ -102,6 +102,9 @@ const PlaygroundRerank: React.FC = () => {
       ghost
       header={{
         title: intl.formatMessage({ id: 'menu.playground.rerank' }),
+        style: {
+          paddingInline: 'var(--layout-content-inlinepadding)'
+        },
         breadcrumb: {}
       }}
       extra={renderExtra()}

src/pages/playground/speech.tsx

@@ -211,6 +211,9 @@ const Playground: React.FC = () => {
             }
           </div>
         ),
+        style: {
+          paddingInline: 'var(--layout-content-inlinepadding)'
+        },
         breadcrumb: {}
       }}
       extra={renderExtra()}