refactor(settings): move style

Satellite-im · May 19, 2022 · 888124b · 888124b
1 parent 156da08
commit 888124b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 23 deletions.
diff --git a/components/views/settings/modal/Modal.less b/components/views/settings/modal/Modal.less
@@ -1,3 +1,27 @@
+#settings {
+  width: calc(100vw - 96px);
+  height: calc(100vh - 96px);
+  max-width: 1528px;
+  max-height: 888px;
+  margin: auto;
+}
+
+#settings.is-collapsed
+  > div.sidebar.is-secondary-background
+  > section
+  > div.aside-menu.hidden-scroll
+  > svg {
+  right: 0.9rem !important;
+}
+
+#settings.is-collapsed
+  > div.sidebar.is-secondary-background
+  > section
+  > div.aside-menu.hidden-scroll
+  > aside {
+  display: none;
+}
+
 p {
   font-family: @secondary-font;
   font-size: 16px;

diff --git a/components/views/settings/modal/Modal.vue b/components/views/settings/modal/Modal.vue
@@ -112,26 +112,3 @@ export default Vue.extend({
 </script>
 
 <style scoped lang="less" src="./Modal.less"></style>
-<style lang="less">
-#settings {
-  width: calc(100vw - 96px);
-  height: calc(100vh - 96px);
-  max-width: 1528px;
-  max-height: 888px;
-  margin: auto;
-}
-#settings.is-collapsed
-  > div.sidebar.is-secondary-background
-  > section
-  > div.aside-menu.hidden-scroll
-  > svg {
-  right: 0.9rem !important;
-}
-#settings.is-collapsed
-  > div.sidebar.is-secondary-background
-  > section
-  > div.aside-menu.hidden-scroll
-  > aside {
-  display: none;
-}
-</style>