fix: removed horizontal arrangement of conditions and overrides

juspay · Sep 5, 2024 · 0b997c6 · 0b997c6
1 parent 8ce04ca
commit 0b997c6
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/crates/frontend/src/components/context_card.rs b/crates/frontend/src/components/context_card.rs
@@ -74,14 +74,13 @@ pub fn context_card(
                 </Show>
             </div>
 
-            <div class="xl:flex xl:gap-x-4 xl:justify-between pl-5">
+            <div class="pl-5">
                 <ConditionComponent
                     conditions=conditions
                     id=context_id.get_value()
                     class="xl:w-[400px] h-fit"
                 />
                 <Table
-                    style="xl:flex-1"
                     cell_style="min-w-48 font-mono".to_string()
                     rows=override_table_rows
                     key_column="id".to_string()

diff --git a/crates/frontend/src/pages/home.rs b/crates/frontend/src/pages/home.rs
@@ -112,17 +112,17 @@ fn all_context_view(config: Config) -> impl IntoView {
                                 .collect();
                             let conditions: Vec<Condition> = context.try_into().unwrap_or_default();
                             view! {
-                                <div class="card bg-base-100 shadow gap-3 p-6">
+                                <div class="card bg-base-100 shadow gap-4 p-6">
                                     <h3 class="card-title text-base timeline-box text-gray-800 bg-base-100 shadow-md font-mono m-0 w-max">
                                         "Condition"
                                     </h3>
-                                    <div class="xl:flex xl:gap-x-4 xl:justify-between pl-5">
+                                    <div class="pl-5">
                                         <ConditionComponent
                                             conditions=conditions
                                             id=context.id.clone()
                                             class="xl:w-[400px] h-fit"
                                         />
-                                        <div class="xl:w-2/3 overflow-auto">
+                                        <div class="overflow-auto pt-5">
                                             <table class="table table-zebra">
                                                 <thead>
                                                     <tr>