added content-only css class

hobbyfarm · Oct 28, 2024 · 9ac9717 · 9ac9717
1 parent 4391c54
commit 9ac9717
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/app/scenario/step.component.html b/src/app/scenario/step.component.html
@@ -5,7 +5,7 @@
     (dragEnd)="dragEnd()"
     #divider
   >
-    <as-split-area [size]="40" class="split-area-1">
+    <as-split-area [size]="40" class="split-area-1" [ngClass]="{'content-only': isContentOnly}">
       <ng-container *ngIf="!isBrawlSelected">
         <div class="card" id="sidebar">
           <div class="card-header">

diff --git a/src/app/scenario/step.component.scss b/src/app/scenario/step.component.scss
@@ -101,6 +101,12 @@ table {
   padding-right: 0.6rem;
 }
 
+.content-only {
+  margin: 0 auto;
+  min-width: 600px;
+  flex: 0 0 50% !important;
+}
+
 .split-area-2 {
   overflow-y: hidden !important;
   padding-left: 0.6rem;