renommage de lib, rendre buildable

2025-08-08 10:57:00 +02:00 · 2025-08-08 10:57:00 +02:00 · a89007a81b
commit a89007a81b
parent 1706c64713
9896 changed files with 478996 additions and 496 deletions
--- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
@ -0,0 +1,214 @@
+@use 'variables';
+
+
+#layout_demo {
+  .app-theme-light & {
+    background: #fff;
+  }
+
+  .app-theme-dark & {
+    background: #333;
+  }
+
+  .app-theme-funky & {
+    background: #ffe1e1;
+  }
+}
+
+.layout-split {
+  .navbar {
+    background: #1b1d27;
+    color: white;
+
+    .navbar-brand {
+      .navbar-item {
+        padding: 10px;
+        margin-left: 16px;
+
+        i {
+          font-size: 24px;
+        }
+      }
+    }
+
+  }
+
+  .navigation {
+    background: variables.$bg-color-nav;
+    color: variables.$neutral-white;
+    padding: variables.$spacing-1;
+
+
+  }
+
+  .nav-button {
+    width: 44px;
+    padding: 14px;
+    margin: 16px;
+    border-radius: 12px;
+    color: white;
+  }
+
+  #newChatBar {
+    margin-top: 24px;
+    margin-bottom: 16px;
+  }
+
+  .new-chat-title {
+    text-align: left;
+    font-size: 20px;
+    font-weight: 600;
+  }
+
+  .search-button {
+    background: #f4f6fc;
+    @extend .nav-button !optional;
+    margin: 0 16px 0;
+    color: #1B1D27;
+  }
+
+  .new-button {
+    // #07397c, #1767ad, #255b8e
+    background: linear-gradient(70deg, #07397C -37.98%, #1767AD 17.98%, #255B8E 53.85%);
+    @extend .nav-button !optional;
+  }
+
+  .admin-actions {
+    padding: 0 12px;
+  }
+
+  .column-conversation {
+    padding: 0 12px;
+
+    .conversation-container {
+      padding-top: 12px;
+      padding-left: 12px;
+    }
+
+    input {
+      display: none;
+
+      &.is-visible {
+        display: block;
+      }
+    }
+
+    .conversation-item {
+      padding: 8px;
+      cursor: pointer;
+
+      &:hover {
+        background: #E5E5E5;
+      }
+
+      &.is-active {
+        background: #E5E5E5;
+        font-weight: 600;
+      }
+    }
+
+  }
+
+  .chat {
+    background: variables.$bg-color-chat;
+    text-align: center;
+    padding: variables.$spacing-1;
+
+
+    .app-theme-light & {
+
+      background: #F5F5F5;
+
+    }
+
+    .app-theme-dark & {
+
+      background: #2c2c2c;
+      color: #d5d5d5;
+
+      .message {
+
+        &.user {
+          background: #232432;
+          color: #8b8ecf;
+        }
+
+        &.llm {
+          background: #232432;
+
+          .message-content {
+            color: #8b8ecf;
+
+          }
+
+          .actions {
+
+            .button {
+              background: #0d0e15;
+              color: grey;
+            }
+          }
+
+        }
+      }
+
+    }
+
+    .app-theme-funky & {
+      color: #1B1D27;
+      background: #ffe8e8;
+
+      .message {
+        .message-content {
+          color: #fff3f3;
+        }
+
+        &.user {
+          background: #d6a3a3;
+          color: #1B1D27;
+        }
+
+        &.llm {
+
+          background: #9f36bc;
+          color: #bba7d6;
+
+          .actions {
+
+            .button {
+              background: #b08eba;
+              color: #d4b4ff;
+            }
+          }
+
+        }
+      }
+
+    }
+
+    .message {
+
+      &.user {
+        background: variables.$neutral-white;
+      }
+
+      &.llm {
+        background: rgba(#3B87CC1A, 10%);
+
+      }
+    }
+  }
+
+  .panel-more {
+    background: variables.$bg-color-chat;
+    padding: variables.$spacing-1;
+
+    width: 0;
+    display: none;
+
+    &.expanded {
+      width: 300px !important;
+      display: block;
+    }
+  }
+}