src/components/Hamburger/index.vue
@@ -1,5 +1,5 @@ <template> <div style="padding: 0 15px;" @click="toggleClick"> <div class="hamburger-wrap" @click="toggleClick"> <svg :class="{'is-active':isActive}" class="hamburger" @@ -29,11 +29,19 @@ </script> <style scoped> .hamburger-wrap { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .hamburger { display: inline-block; vertical-align: middle; width: 20px; height: 20px; width: 22px; height: 22px; } .hamburger.is-active {