Display of Content Security Policy values getting out of screen

traefik · May 17, 2024 · 4292059 · 4292059
1 parent d8cf90d
commit 4292059
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/webui/src/components/_commons/PanelMiddlewares.vue b/webui/src/components/_commons/PanelMiddlewares.vue
@@ -809,12 +809,11 @@
                 <div class="text-subtitle2">
                   Content Security Policy
                 </div>
-                <q-chip
-                  dense
-                  class="app-chip app-chip-green"
-                >
-                  {{ exData(middleware).contentSecurityPolicy }}
-                </q-chip>
+                <q-card class="app-chip app-chip-green app-card-as-chip">
+                  <q-card-section>
+                    {{ exData(middleware).contentSecurityPolicy }}
+                  </q-card-section>
+                </q-card>
               </div>
             </div>
           </q-card-section>

diff --git a/webui/src/css/sass/app.scss b/webui/src/css/sass/app.scss
@@ -121,6 +121,14 @@ body {
   border-radius: 8px;
 }
 
+.app-card-as-chip {
+  box-shadow: none;
+
+  .q-card__section {
+    padding: 5px !important;
+  }
+}
+
 // Chips
 .app-chip {
   border-radius: 8px;