fix-9098: Main event image moved down and leaving space (#9100)

Hieu Lam - TMA · khangon · web-flow · commit 79a9437640b1 · 2023-08-14T14:11:27.000+02:00
* fix-9098: Event Dashboard shows not friendly

* fix-9098: Event Dashboard shows not friendly

---------

Co-authored-by: Khang On - TMA &lt;135116292+khangon@users.noreply.github.com&gt;
diff --git a/app/styles/partials/overrides.scss b/app/styles/partials/overrides.scss
@@ -27,7 +27,6 @@ body.dimmable.undetached.dimmed {
 
 .ui.fluid.container {
   padding: 0 20px;
-  margin-top: 0;
 }
 
 @media screen and (min-width: 768px) and (max-width: 992px) {
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -17,7 +17,10 @@
       <WelcomeHeader @class={{'mb-4'}}/>
     {{/if}}
     <div id="main-container"
-         class="ui fluid container main-container {{unless this.device.isInternetExplorer 'flexed-container' ''}}">
+      class="ui fluid container main-container 
+        {{unless this.device.isInternetExplorer 'flexed-container' ''}}
+        {{if (eq this.routing.currentRouteName 'public.index') 'mt-0' ''}}
+      ">
       {{outlet}}
     </div>
     <FooterMain @socialLinks={{this.model.socialLinks}} />

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,6 @@ body.dimmable.undetached.dimmed {`
`27`	`27`
`28`	`28`	`.ui.fluid.container {`
`29`	`29`	`padding: 0 20px;`
`30`		`- margin-top: 0;`
`31`	`30`	`}`
`32`	`31`
`33`	`32`	`@media screen and (min-width: 768px) and (max-width: 992px) {`