fix: display work hud inline with graph

builder555 · Mar 26, 2023 · 873a543 · 873a543
1 parent a548bd8
commit 873a543
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/ui/src/App.vue b/ui/src/App.vue
@@ -32,16 +32,23 @@ onBeforeUnmount(() => {
  <div v-show="store.isBusy" class="spinner"><div></div></div>
  <div class="column is-half is-full-mobile has-text-right-tablet has-text-left"></div>
  </div>
- <div class="is-flex">
- <the-graph-view/>
- </div>
- <div class="is-flex is-justify-content-center mb-6">
- <the-work-view />
+ <div class="columns is-multiline is-justify-content-center mb-5">
+ <div class="column is-hidden-portrait is-6 m-0 is-8-widescreen">
+ <the-graph-view/>
+ </div>
+ <div class="column is-flex is-6 m-0 is-4-widescreen is-justify-content-center">
+ <the-work-view />
+ </div>
  </div>
- <the-settings />
+ <the-settings/>
  </div>
 </template>
 <style scoped>
+@media (orientation: portrait) {
+ .is-hidden-portrait {
+ display: none;
+ }
+}
 @keyframes spinner {
  to {
  transform: rotate(360deg);