Update ft-refresh-widget to use fixed-top-bar mixin

FreeTubeApp · Apr 17, 2024 · 8a89024 · 8a89024
1 parent 93e73db
commit 8a89024
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 23 deletions.
diff --git a/src/renderer/components/ft-refresh-widget/ft-refresh-widget.js b/src/renderer/components/ft-refresh-widget/ft-refresh-widget.js
@@ -21,9 +21,4 @@ export default defineComponent({
       required: true
     }
   },
-  computed: {
-    isSideNavOpen: function () {
-      return this.$store.getters.getIsSideNavOpen
-    }
-  }
 })
diff --git a/...s/ft-refresh-widget/ft-refresh-widget.css → .../ft-refresh-widget/ft-refresh-widget.scss b/...s/ft-refresh-widget/ft-refresh-widget.css → .../ft-refresh-widget/ft-refresh-widget.scss
@@ -1,9 +1,9 @@
+@use '../../scss-partials/ft-list-item';
+
 .floatingRefreshSection {
-  position: fixed;
-  inset-block-start: 60px;
-  inset-inline-end: 0;
+  @include ft-list-item.fixed-top-bar;
+
   box-sizing: border-box;
-  inline-size: calc(100% - 80px);
   padding-block: 5px;
   padding-inline: 10px;
   box-shadow: 0 2px 1px 0 var(--primary-shadow-color);
@@ -19,18 +19,8 @@
   justify-content: space-between;
 }
 
-.floatingRefreshSection.sideNavOpen {
-  inline-size: calc(100% - 200px);
-}
-
 .lastRefreshTimestamp {
   margin-block: 0;
   text-align: center;
   font-size: 16px;
 }
-
-@media only screen and (width <= 680px) {
-  .floatingRefreshSection, .floatingRefreshSection.sideNavOpen {
-    inline-size: 100%;
-  }
-}
diff --git a/src/renderer/components/ft-refresh-widget/ft-refresh-widget.vue b/src/renderer/components/ft-refresh-widget/ft-refresh-widget.vue
@@ -1,9 +1,6 @@
 <template>
   <div
     class="floatingRefreshSection"
-    :class="{
-      sideNavOpen: isSideNavOpen
-    }"
   >
     <p
       v-if="lastRefreshTimestamp"
@@ -24,4 +21,4 @@
 </template>
 
 <script src="./ft-refresh-widget.js" />
-<style scoped src="./ft-refresh-widget.css" />
+<style scoped lang="scss" src="./ft-refresh-widget.scss" />