Просмотр исходного кода

Add optional padding parameter

sbkwgh 8 лет назад
Родитель
Сommit
015b6706f2
1 измененных файлов с 6 добавлено и 3 удалено
  1. 6 3
      src/components/TabView.vue

+ 6 - 3
src/components/TabView.vue

@@ -10,7 +10,7 @@
 				{{tab}}
 			</div>
 		</div>
-		<div class='tab_view__content'>
+		<div class='tab_view__content' :class='{"tab_view__content--padding": padding}'>
 			<slot
 				v-for='(tab, index) in tabs'
 				:name='tab'
@@ -26,7 +26,7 @@
 
 	export default {
 		name: 'TabView',
-		props: ['tabs', 'name'],
+		props: ['tabs', 'name', 'padding'],
 		methods: {
 			changeTab (index) {
 				this.$store.commit({
@@ -80,7 +80,10 @@
 		}
 		@at-root #{&}__content {
 			background-color: #fff;
-			padding: 1rem;
+
+			@at-root #{&}--padding {
+				padding: 1rem;
+			}
 		}
 	}
 </style>