add support fort is-orange

hal9ai · Mar 5, 2024 · bbb7149 · bbb7149
1 parent 94a55d9
commit bbb7149
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 3 deletions.
diff --git a/streamfy/__init__.py b/streamfy/__init__.py
@@ -252,7 +252,7 @@ def table(**kwargs):
     st.write(switched)
 
     st.subheader("Tags")
-    tags = taginput(data=["A", "B", "C"], default=["B"], allow_new=True, open_on_focus=True, type="is-info", aria_close_label="Remove", placeholder="Choose letter")
+    tags = taginput(class_name="is-orange", data=["A", "B", "C"], default=["B"], allow_new=True, open_on_focus=True, type="is-info", aria_close_label="Remove", placeholder="Choose letter")
     st.write(tags)
 
     st.subheader("Message")
@@ -285,4 +285,4 @@ def table(**kwargs):
 
     footer = { 'id': 1, 'first_name': 'Jesse', 'last_name': 'Simmons', 'date': '2016/10/15 13:43:27', 'gender': 'Male' }
 
-    table(data=data, footer=footer)
+    table(class_name="is-orange", data=data, footer=footer)
diff --git a/streamfy/frontend/src/Streamfy.vue b/streamfy/frontend/src/Streamfy.vue
@@ -5,7 +5,7 @@
       :label="args.label"
       :type="args.type"
       :message="args.message"
-      :class="'sy-' + args.component"
+      :class="'sy-' + args.component + ' ' + args['class-name']"
     >
       <b-breadcrumb
         v-if="args.component == 'breadcrumb' && args.items != undefined"
@@ -359,4 +359,27 @@ export default {
   .sy-taginput .dropdown-content {
     margin-bottom: 20px;
   }
+
+
+  .is-orange .pagination-list a,
+  .is-orange .taginput .is-info.taginput-container.is-focusable {
+    border-color: #DB8765 !important;
+  }
+
+  .is-orange a.pagination-link.is-current {
+    background: #DB8765;
+    border-color: #DB8765;
+  }
+
+  .is-orange .tag:not(body).is-info {
+    background: #DB8765 !important;
+  }
+
+  .is-orange span.icon.has-text-info {
+    color: #DB8765 !important;
+  }
+
+  .is-orange .taginput {
+    border-color: #DB8765;
+  }
 </style>