@eturnity/eturnity_reusable_components 7.2.2-EPDM-8441.0 → 7.4.0-EPDM-7260.1

package/src/components/spinner/index.vue

@@ -1,72 +1,72 @@
-<template>
-  <spinner-container v-if="fullWidth">
-    <container>
-      <spinner-wrapper
-        :size="size"
-        :src="require('../../assets/icons/black_spinner.svg')"
-      />
-    </container>
-  </spinner-container>
-  <container v-else :limitedToModal="limitedToModal">
-    <spinner-wrapper
-      :size="size"
-      :src="require('../../assets/icons/black_spinner.svg')"
-    />
-  </container>
-</template>
-
-<script>
-// import Spinner from "@eturnity/eturnity_reusable_components/src/components/spinner"
-// <spinner size="30px" />
-import styled from 'vue-styled-components'
-
-const SpinnerContainer = styled.div`
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background: rgba(255, 255, 255, 0.8);
-  display: grid;
-  align-items: center;
-  justify-items: center;
-  z-index: 100;
-`
-const containerAttrs = { limitedToModal: Boolean }
-const Container = styled('div', containerAttrs)`
-  display: grid;
-  align-items: center;
-  justify-items: center;
-  position: ${(props) => (props.limitedToModal ? 'absolute' : 'inherit')};
-  height: ${(props) => (props.limitedToModal ? '100%' : 'inherit')};
-  width: ${(props) => (props.limitedToModal ? '100%' : 'inherit')};
-`
-
-const spinnerAttrs = { size: String }
-const SpinnerWrapper = styled('img', spinnerAttrs)`
-  width: ${(props) => (props.size ? props.size : '60px')};
-`
-
-export default {
-  name: 'spinner',
-  components: {
-    Container,
-    SpinnerWrapper,
-    SpinnerContainer
-  },
-  props: {
-    fullWidth: {
-      required: false,
-      default: false
-    },
-    limitedToModal: {
-      required: false,
-      default: false
-    },
-    size: {
-      required: false,
-      default: null
-    }
-  }
-}
+<template>
+  <spinner-container v-if="fullWidth">
+    <container>
+      <spinner-wrapper
+        :size="size"
+        :src="require('../../assets/icons/black_spinner.svg')"
+      />
+    </container>
+  </spinner-container>
+  <container v-else :limitedToModal="limitedToModal">
+    <spinner-wrapper
+      :size="size"
+      :src="require('../../assets/icons/black_spinner.svg')"
+    />
+  </container>
+</template>
+
+<script>
+// import Spinner from "@eturnity/eturnity_reusable_components/src/components/spinner"
+// <spinner size="30px" />
+import styled from 'vue-styled-components'
+
+const SpinnerContainer = styled.div`
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.8);
+  display: grid;
+  align-items: center;
+  justify-items: center;
+  z-index: 100;
+`
+const containerAttrs = { limitedToModal: Boolean }
+const Container = styled('div', containerAttrs)`
+  display: grid;
+  align-items: center;
+  justify-items: center;
+  position: ${(props) => (props.limitedToModal ? 'absolute' : 'inherit')};
+  height: ${(props) => (props.limitedToModal ? '100%' : 'inherit')};
+  width: ${(props) => (props.limitedToModal ? '100%' : 'inherit')};
+`
+
+const spinnerAttrs = { size: String }
+const SpinnerWrapper = styled('img', spinnerAttrs)`
+  width: ${(props) => (props.size ? props.size : '60px')};
+`
+
+export default {
+  name: 'spinner',
+  components: {
+    Container,
+    SpinnerWrapper,
+    SpinnerContainer
+  },
+  props: {
+    fullWidth: {
+      required: false,
+      default: false
+    },
+    limitedToModal: {
+      required: false,
+      default: false
+    },
+    size: {
+      required: false,
+      default: null
+    }
+  }
+}
 </script>