adata-ui 0.1.5 → 0.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adata-ui",
-  "version": "0.1.5",
+  "version": "0.1.9",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/Alert/Alert.vue

@@ -29,7 +29,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 .note {
   font-weight: 400;
   font-style: italic;

package/src/components/Button/BaseButton.vue

@@ -87,7 +87,7 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 
 .btn {
   cursor: pointer;

package/src/components/Footer/Footer.vue

@@ -55,8 +55,8 @@
 
 <script>
 export default {
+  name: "Footer",
   props: {
-    name: "Footer",
     hasBottomMenu: {
       type: Boolean,
       default: false
@@ -64,7 +64,7 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
+<style lang="scss">
 ul, li {
   list-style: none;
   text-decoration: none;

package/src/components/Header/Header.vue

@@ -1,7 +1,7 @@
 <template>
-  <header class="header">
+  <header class="a-header">
     <div class="container">
-      <div class="header__left">
+      <div class="a-header__left">
         <a class="logo" :href="toAdtdev('https://adata.kz')">
           <svg class="adata-logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 166 48">
             <path d="M62.926 38.22v-28h10.316c10.342 0 15.511 4.55 15.508 13.652 0 4.36-1.41 7.843-4.232 10.448-2.822 2.605-6.58 3.907-11.276 3.904l-10.316-.004zm6.56-22.868v17.752h3.248c2.839 0 5.069-.82 6.69-2.46 1.622-1.64 2.43-3.873 2.424-6.7 0-2.667-.8-4.767-2.403-6.3-1.602-1.533-3.853-2.297-6.752-2.292h-3.206zM118.5 38.22h-7.131l-2.079-6.228H98.958l-2.079 6.228h-7.093l10.598-28h7.775l10.341 28zm-10.723-11.072l-3.127-9.416a11.94 11.94 0 01-.486-2.516h-.162c-.07.83-.24 1.649-.508 2.44l-3.168 9.492h7.451zm31.833-11.796h-8.316V38.22h-6.557V15.352h-8.274v-5.136h23.147v5.136zM166 38.22h-7.143l-2.079-6.228h-10.349l-2.05 6.228h-7.106l10.598-28h7.776l10.353 28zm-10.719-11.072l-3.127-9.416a11.94 11.94 0 01-.486-2.516h-.163c-.069.83-.239 1.649-.507 2.44l-3.168 9.492h7.451zM24.553 15.252h-.163c-.069.83-.24 1.649-.507 2.44L20.715 27.2h7.45l-3.126-9.412a12.02 12.02 0 01-.486-2.536z"></path>
@@ -19,7 +19,7 @@
           </div>
         </div>
       </div>
-      <div class="header__right">
+      <div class="a-header__right">
         <slot name="chooseCountry"></slot>
         <slot name="profile"></slot>
         <Profile
@@ -163,7 +163,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 * {
   font-family: "Open Sans", sans-serif;
   box-sizing: border-box;
@@ -171,14 +171,7 @@ export default {
   padding: 0;
 }
 
-.container {
-  max-width: 1180px;
-  width: 100%;
-  padding: 0 20px;
-  margin: 0 auto;
-}
-
-.header {
+.a-header {
   width: 100%;
   background: #ffffff;
   max-height: 62px;

package/src/components/Header/Profile.vue

@@ -321,7 +321,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 a {
   text-decoration: none;
   background-color: transparent;

package/src/components/index.js

@@ -3,12 +3,15 @@ import AButton from './Button/BaseButton'
 import ATextField from './TextField/TextField'
 import APasswordField from './PasswordField/PasswordField'
 import AAlert from './Alert/Alert'
-
+import AHeader from './Header/Header'
+import AFooter from './Footer/Footer'
 const Components = {
     AButton,
     ATextField,
     APasswordField,
-    AAlert
+    AAlert,
+    AHeader,
+    AFooter
 };
 
 Object.keys(Components).forEach(name => {

package/src/components/transitions/SlideToggle.vue

@@ -40,7 +40,7 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style>
 .slideToggleAnimation {
   transition: 0.3s all;
 }

package/src/components/transitions/VerticalMobileToggle.vue

@@ -1,7 +1,6 @@
 <template>
   <transition
     v-on:before-enter="beforeEnter"
-    v-on:enter="enter"
     v-on:after-enter="afterEnter"
     v-on:before-leave="beforeLeave"
     v-on:leave="leave"
@@ -36,9 +35,6 @@ export default {
       el.style.right = "0";
       el.style.background = "#fff";
     },
-    enter: function (el) {
-      // el.style.width = el.scrollHeight + "px"; Can be justified to make transition smoother
-    },
     afterEnter: function (el) {
       el.style.height = "100vh";
       el.style.width = "100vw";
@@ -68,7 +64,7 @@ export default {
   },
 };
 </script>
-<style scoped>
+<style>
 .slideToggleAnimation {
   transition: 0.3s all;