added content-only css class (hobbyfarm#212)

* added content-only css class * fix - prettier formatting --------- Co-authored-by: Tanja Ulmen <[email protected]>
svalabs · Oct 28, 2024 · cf862e3 · cf862e3
1 parent 4391c54
commit cf862e3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/app/scenario/step.component.html b/src/app/scenario/step.component.html
@@ -5,7 +5,11 @@
     (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;