btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

🎨 Basic stylings

Browse Source
This commit is contained in:
Liyas Thomas
2019-10-22 14:43:54 +05:30
parent 7ad6cd83db
commit ee58075d3f
5 changed files with 83 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/collections/index.vue
View File

@@ -11,13 +11,20 @@
<exportCollection :show="showExportModal" v-on:hide-model='toggleExport'></exportCollection>
<div class='header'>
<Label>Collections</label>
<button class="collection-button" @click="toggleModal">+</button>
<button class="export-button" @click="toggleExport">Export</button>
<div class='flex-wrap'>
<h3 class="title">Collections</h3>
<div>
<button class="icon" @click="toggleModal">
<i class="material-icons">add</i>
<span>New</span>
</button>
<button class="icon" @click="toggleExport">
<i class="material-icons">import_export</i>
<span>Export</span>
</button>
</div>
</div>
<ul>
<li v-for="(collection, index) in collections" :key="collection.name">
<collection
@@ -35,24 +42,6 @@
display: flex;
flex-direction: column;
}
.header {
display: flex;
align-items: center;
}
.collection-button {
padding: 0;
width: 20px;
margin: 0;
height: 20px;
border-radius: 50%;
}
.export-button {
padding: 10px 8px;
height: 15px;
}
</style>
<script>