add Areaone
This commit is contained in:
@@ -1,17 +1,30 @@
|
||||
<template>
|
||||
<DragabbleContainer class="isolate-area-1">
|
||||
<SmallBox2></SmallBox2>
|
||||
</DragabbleContainer>
|
||||
<SmallBox2></SmallBox2>
|
||||
<SmallBox2></SmallBox2>
|
||||
<SmallBox2></SmallBox2>
|
||||
<SmallBox2></SmallBox2>
|
||||
</DragabbleContainer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import DragabbleContainer from '../layout/DragableContainer.vue'
|
||||
import SmallBox2 from '../common/SmallBox2.vue';
|
||||
import DragabbleContainer from "../layout/DragableContainer.vue";
|
||||
import SmallBox2 from "../common/SmallBox2.vue";
|
||||
|
||||
export default {
|
||||
name: "IsolateArea--1",
|
||||
components: { DragabbleContainer, SmallBox2 }
|
||||
components: { DragabbleContainer, SmallBox2 },
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped></style>
|
||||
<style scoped lang="scss">
|
||||
.isolate-area-1 {
|
||||
display: flex;
|
||||
|
||||
> .small-box-2:not(:last-child) {
|
||||
margin: {
|
||||
right: 8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user