ui-soxo-bootstrap-core 2.6.5 → 2.6.6

package/core/lib/pages/profile/profile.scss

@@ -1,107 +1,107 @@
-.profile {
-  margin: 20px;
-  margin-top: 65px;
-
-  .profile-headline {
-    display: flex;
-    justify-content: flex-start;
-    // justify-content: space-between;
-    align-items: flex-start;
-
-    .ant-typography {
-      margin: 0px 20px;
-    }
-
-    .profile-picture {
-      width: 100px;
-    }
-
-    .avatar-selector {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      color: #3a9bff;
-
-      label {
-        margin: 4px 0px;
-      }
-    }
-  }
-
-  .profile-content {
-  }
-}
-
-.theme-section {
-  margin: 20px;
-
-  .theme-container {
-    display: flex;
-    gap: 20px;
-  }
-
-  .radio-button-wrapper {
-    position: relative;
-  }
-
-  .radio-button {
-    display: block;
-    padding: 0;
-    border: none;
-    background-color: transparent;
-  }
-
-  .theme-card {
-    text-align: center;
-    transition: all 0.3s ease;
-  }
-
-  .theme-card.selected {
-    border-color: #1890ff;
-    box-shadow: 0 0 10px rgba(24, 144, 255, 0.4);
-  }
-
-  .theme-card img {
-    width: 100%;
-    height: auto;
-  }
-
-  .ant-card-body {
-    height: 60px;
-    display: flex;
-  }
-
-  .theme-name {
-    padding: 10px;
-    font-size: 16px;
-  }
-
-  .caption-name {
-    display: flex;
-    align-items: center;
-  }
-
-  .custom-radio {
-    margin-left: 55px;
-  }
-
-  .radio-circle {
-    width: 14px;
-    height: 14px;
-    background-color: transparent;
-    color: white;
-    border-radius: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border: 2px solid #c7d1d8;
-  }
-
-  .radio-circle.checked {
-    background-color: #0c66e4;
-    color: #161a1d;
-    border-style: hidden;
-    padding: 10px;
-    font-size: 10px;
-  }
-}
+.profile {
+  margin: 20px;
+  margin-top: 65px;
+
+  .profile-headline {
+    display: flex;
+    justify-content: flex-start;
+    // justify-content: space-between;
+    align-items: flex-start;
+
+    .ant-typography {
+      margin: 0px 20px;
+    }
+
+    .profile-picture {
+      width: 100px;
+    }
+
+    .avatar-selector {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      color: #3a9bff;
+
+      label {
+        margin: 4px 0px;
+      }
+    }
+  }
+
+  .profile-content {
+  }
+}
+
+.theme-section {
+  margin: 20px;
+
+  .theme-container {
+    display: flex;
+    gap: 20px;
+  }
+
+  .radio-button-wrapper {
+    position: relative;
+  }
+
+  .radio-button {
+    display: block;
+    padding: 0;
+    border: none;
+    background-color: transparent;
+  }
+
+  .theme-card {
+    text-align: center;
+    transition: all 0.3s ease;
+  }
+
+  .theme-card.selected {
+    border-color: #1890ff;
+    box-shadow: 0 0 10px rgba(24, 144, 255, 0.4);
+  }
+
+  .theme-card img {
+    width: 100%;
+    height: auto;
+  }
+
+  .ant-card-body {
+    height: 60px;
+    display: flex;
+  }
+
+  .theme-name {
+    padding: 10px;
+    font-size: 16px;
+  }
+
+  .caption-name {
+    display: flex;
+    align-items: center;
+  }
+
+  .custom-radio {
+    margin-left: 55px;
+  }
+
+  .radio-circle {
+    width: 14px;
+    height: 14px;
+    background-color: transparent;
+    color: white;
+    border-radius: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border: 2px solid #c7d1d8;
+  }
+
+  .radio-circle.checked {
+    background-color: #0c66e4;
+    color: #161a1d;
+    border-style: hidden;
+    padding: 10px;
+    font-size: 10px;
+  }
+}

package/core/lib/pages/profile/theme-config.js

@@ -1,18 +1,18 @@
-import themes from './themes.json';
-
-export const THEME_GROUPS = {
-  nura: ['nura', 'default'],
-  purple: ['purple'],
-  default: ['nura'],
-};
-
-const currentEnvTheme = process.env.REACT_APP_THEME?.toLowerCase() || 'default';
-
-// List of theme names to show
-const visibleThemeNames = THEME_GROUPS[currentEnvTheme] || THEME_GROUPS['default'];
-
-// Filter full theme list to only the allowed ones
-export const availableThemes = themes.filter((t) => visibleThemeNames.includes(t.name));
-
-// Pick the active theme (prefer env one, fallback to first allowed)
-export const activeTheme = themes.find((t) => t.name === currentEnvTheme) ?? availableThemes[0];
+import themes from './themes.json';
+
+export const THEME_GROUPS = {
+  nura: ['nura', 'default'],
+  purple: ['purple'],
+  default: ['nura'],
+};
+
+const currentEnvTheme = process.env.REACT_APP_THEME?.toLowerCase() || 'default';
+
+// List of theme names to show
+const visibleThemeNames = THEME_GROUPS[currentEnvTheme] || THEME_GROUPS['default'];
+
+// Filter full theme list to only the allowed ones
+export const availableThemes = themes.filter((t) => visibleThemeNames.includes(t.name));
+
+// Pick the active theme (prefer env one, fallback to first allowed)
+export const activeTheme = themes.find((t) => t.name === currentEnvTheme) ?? availableThemes[0];