diff --git a/.storybook/main.js b/.storybook/main.js index d371ad4cc..236bd3fa1 100644 --- a/.storybook/main.js +++ b/.storybook/main.js @@ -16,6 +16,9 @@ module.exports = { exportLocalsConvention: 'camelCaseOnly', }, }, + postcssLoaderOptions: { + implementation: require('postcss'), + }, }, }, ], diff --git a/app/assets/css/app.css b/app/assets/css/app.css index 76afc86a1..f75df3b44 100644 --- a/app/assets/css/app.css +++ b/app/assets/css/app.css @@ -1,3 +1,7 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; + html, body, #page-wrapper, @@ -812,75 +816,6 @@ json-tree .branch-preview { padding-bottom: 5px; } -.w-full { - width: 100%; -} - -.flex { - display: flex; -} - -.block { - display: block; -} - -.items-center { - align-items: center; -} - -.space-x-2 > * + * { - margin-left: 0.5rem; -} - -.space-x-3 > * + * { - margin-left: 0.75rem; -} - -.space-x-4 > * + * { - margin-left: 1rem; -} - -.space-y-8 > * + * { - margin-top: 2rem; -} - -.my-8 { - margin-top: 2rem; - margin-bottom: 2rem; -} - -.m-l-5 { - margin-left: 5px; -} - -.m-l-20 { - margin-left: 20px; -} - -.m-l-30 { - margin-left: 30px; -} - -.m-r-2 { - margin-right: 2px; -} - -.m-r-5 { - margin-right: 5px; -} - -.m-t-10 { - margin-top: 10px; -} - -.m-t-10 { - margin-top: 10px; -} - -.m-b-10 { - margin-bottom: 10px; -} - .no-margin { margin: 0 !important; } @@ -889,54 +824,6 @@ json-tree .branch-preview { border: none; } -.dispay-flex { - display: flex; -} - -.flex-wrap { - flex-wrap: wrap; -} - -.ml-0 { - margin-left: 0rem; -} - -.ml-1 { - margin-left: 0.25rem; -} - -.ml-2 { - margin-left: 0.5rem; -} - -.ml-3 { - margin-left: 0.75rem; -} - -.ml-4 { - margin-left: 1rem; -} - -.ml-5 { - margin-left: 1.25rem; -} - -.ml-5 { - margin-left: 1.5rem; -} - -.ml-6 { - margin-left: 1.75rem; -} - -.ml-7 { - margin-left: 2rem; -} - -.ml-8 { - margin-left: 2.25rem; -} - .text-wrap { word-break: break-all; white-space: normal; @@ -947,10 +834,6 @@ json-tree .branch-preview { cursor: not-allowed; } -.space-x-1 { - margin-left: 0.25rem; -} - /* used for bootbox prompt with inputType radio */ .form-check.radio { margin-left: 15px; diff --git a/app/portainer/settings/authentication/ldap/ldap-connectivity-check/ldap-connectivity-check.html b/app/portainer/settings/authentication/ldap/ldap-connectivity-check/ldap-connectivity-check.html index fa6381b32..4d32109a2 100644 --- a/app/portainer/settings/authentication/ldap/ldap-connectivity-check/ldap-connectivity-check.html +++ b/app/portainer/settings/authentication/ldap/ldap-connectivity-check/ldap-connectivity-check.html @@ -1,8 +1,8 @@
-
+
- No groups found + No groups found
-
@@ -113,7 +113,7 @@

- + You can configure multiple LDAP Servers for authentication fallback. Make sure all servers are using the same configuration (i.e. if TLS is enabled, they should all use the same certificates).

@@ -18,7 +18,7 @@
-