wip

resources/css/filament/admin/theme.css

@@ -19,6 +19,10 @@ button[wire\:click="resetTableFiltersForm"] {
     /* background-color: #0f172b; */
 }
 
+.fi-ta-table>tbody {
+    @apply divide-none
+}
+
 /* stripes in popups */
 @layer utilities {
     .striped div:nth-child(even) {
@@ -51,6 +55,10 @@ button[wire\:click="resetTableFiltersForm"] {
     @apply !text-center
 }
 
+#ComparingBookmakerMenu .fi-ta-header-toolbar {
+    @apply grid grid-cols-3 justify-start
+}
+
 #mapper {
     @layer components {
         .fi-ta-ctn {
@@ -69,18 +77,16 @@ button[wire\:click="resetTableFiltersForm"] {
     }
 }
 
-/* Styling Radio Boxes */
-#multiline_setting {
-    @apply !grid grid-cols-3 gap-5 mb-4
+/* Styling Radio Lable */
+
+.fi-fo-radio {
+    @apply !grid grid-cols-2 gap-y-3 my-5
 }
 
-#multiline_setting input {
-    @apply checked:border-blue-500
+.fi-fo-radio-label {
+    @apply p-2 border border-gray-700 rounded-md cursor-pointer has-checked:bg-blue-50 has-checked:text-blue-900 has-checked:ring-blue-200 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200 dark:has-checked:ring-blue-900
 }
 
-#multiline_setting .fi-fo-radio-label {
-    @apply p-3 border border-gray-700 rounded-xl cursor-pointer has-checked:bg-blue-50 has-checked:text-blue-900 has-checked:ring-blue-200 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200 dark:has-checked:ring-blue-900
-}
 
 #mapper_right .fi-ta-filter-indicators button,
 #mapper_left .fi-ta-filter-indicators button {
@@ -90,37 +96,4 @@ button[wire\:click="resetTableFiltersForm"] {
 #mapper_right .fi-ta-filter-indicators div button,
 #mapper_left .fi-ta-filter-indicators div button {
     display: block;
-}
-
-/* .fi-ta-table>tbody {
-    @apply divide-none
-} */
-#ComparingBookmakerMenu {
-
-    .fi-ta-cell,
-    .fi-input,
-    .fi-select-input,
-    .fi-ta-cell div {
-        padding-top: 1px !important;
-        padding-bottom: 1px !important;
-        margin-top: 0px !important;
-        margin-bottom: 0px !important;
-        border-radius: 0% !important;
-    }
-
-    .flex {
-        padding-top: 0px !important;
-        padding-bottom: 0px !important;
-        gap: 3px !important;
-
-    }
-
-    .fi-tabs {
-        padding-top: 3px !important;
-        padding-bottom: 3px !important;
-    }
-
-    .fi-header-heading {
-        font-size: 1.5rem !important;
-    }
 }