Add custom scroll bar

This commit is contained in:
2020-09-10 23:44:49 +03:00
parent 92ec1c03da
commit 8ec34030c8
6 changed files with 39 additions and 12 deletions

View File

@@ -3,18 +3,22 @@
<LeftBlock title="HOME" description="kreorg photos" picture="/pictures/home.jpg" :leftPanelClosed="leftPanelClosed"></LeftBlock>
<div class="albums-wrapper">
<div class="albums">
<Album v-for="album in albums" :key="album.folderName" :data="album"></Album>
<Album v-for="album in albums" :key="album.folderName" :data="album"></Album>
<!-- ToDO: Delete -->
<Album v-for="album in albums" :key="album.folderName + 'copy'" :data="album"></Album>
</div>
</div>
</div>
</template>
<script lang="ts">
import 'reflect-metadata';
import { Component, Prop, Vue } from 'vue-property-decorator';
import LeftBlock from '@/components/LeftBlock.vue';
import Album, { IAlbum } from '@/components/Album.vue';
@Component({
name: 'Home',
components: {
@@ -87,7 +91,9 @@ export default class Home extends Vue {
@media (min-width: 960px) {
.albums-wrapper {
width: calc(100vw - 425px);
width: calc(100vw - 405px);
margin-left: 405px;
}
}