feat: install and scaffold Tablar theme #6

Merged
rlong merged 139 commits from feature/tablar-theme into master 2026-05-02 16:01:21 -04:00
37 changed files with 41 additions and 9 deletions
Showing only changes of commit 239ee20397 - Show all commits
@@ -41,3 +41,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -45,3 +45,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -102,3 +102,4 @@
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
<script>console.log("TESTING SCRIPT RENDERING");</script> <script>console.log("TESTING SCRIPT RENDERING");</script>
@include('components.tomselect')
+1
View File
@@ -45,3 +45,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -42,3 +42,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -53,3 +53,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -31,3 +31,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -46,3 +46,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -40,3 +40,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -1,19 +1,14 @@
<script src="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/js/tom-select.complete.min.js"></script> @push('js')
<link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/css/tom-select.bootstrap5.min.css" rel="stylesheet">
<style> <style>
.ts-wrapper .ts-control, .ts-wrapper .ts-control input { .ts-wrapper .ts-control, .ts-wrapper .ts-control input { background-color: #ffffff !important; border: 1px solid #ced4da !important; }
background-color: #ffffff !important; .ts-dropdown { background-color: #ffffff !important; }
border: 1px solid #ced4da !important;
}
.ts-dropdown {
background-color: #ffffff !important;
}
</style> </style>
<script src="https://cdn.jsdelivr.net/npm/tom-select@2.4.3/dist/js/tom-select.complete.min.js"></script>
<script> <script>
document.addEventListener("DOMContentLoaded", function () { document.addEventListener("DOMContentLoaded", function () {
document.querySelectorAll('select').forEach((el) => { document.querySelectorAll('select').forEach((el) => {
if (el.tomselect) return; if (el.tomselect) return;
new TomSelect(el, { new TomSelect(el, {
copyClassesToDropdown: false, copyClassesToDropdown: false,
dropdownParent: 'body', dropdownParent: 'body',
@@ -31,3 +26,4 @@
}); });
}); });
</script> </script>
@endpush
+1
View File
@@ -36,3 +36,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -43,3 +43,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -88,3 +88,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -47,3 +47,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -44,3 +44,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -36,3 +36,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -67,3 +67,4 @@
}); });
</script> </script>
@endpush @endpush
@include('components.tomselect')
@@ -32,3 +32,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -73,3 +73,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -87,3 +87,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -40,3 +40,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -202,3 +202,4 @@
</div> </div>
</div> </div>
@endsection @endsection
@include('components.tomselect')
+1
View File
@@ -204,3 +204,4 @@
</div> </div>
</div> </div>
@endsection @endsection
@include('components.tomselect')
@@ -36,3 +36,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -53,3 +53,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -40,3 +40,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -116,3 +116,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -63,3 +63,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -42,3 +42,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -23,3 +23,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -130,3 +130,4 @@
</div> </div>
</body> </body>
</html> </html>
@include('components.tomselect')
+1
View File
@@ -40,3 +40,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -57,3 +57,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -54,3 +54,4 @@
</script> </script>
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
+1
View File
@@ -42,3 +42,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -36,3 +36,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')
@@ -42,3 +42,4 @@
@push('js') @push('js')
@include('components.tomselect') @include('components.tomselect')
@endpush @endpush
@include('components.tomselect')