resizable columns

This commit is contained in:
Nazar Kanaev
2020-07-27 22:56:48 +01:00
parent dc91b94cfa
commit 0ed5f59f21
3 changed files with 57 additions and 2 deletions

View File

@@ -10,7 +10,8 @@
<body>
<div class="wrapper d-flex vh-100" id="app" v-cloak>
<!-- feed list -->
<div class="vh-100 overflow-auto border-right flex-shrink-0" style="width: 300px">
<div class="vh-100 position-relative overflow-auto border-right flex-shrink-0" :style="{width: feedListWidth+'px'}">
<drag :width="feedListWidth" @resize="resizeFeedList"></drag>
<div class="px-2 toolbar d-flex align-items-center mb-3">
<span class="icon mx-2">{% inline "anchor.svg" %}</span>
<div class="flex-grow-1">&nbsp;</div>
@@ -119,7 +120,8 @@
</div>
</div>
<!-- item list -->
<div class="vh-100 d-flex flex-column border-right flex-shrink-0" style="width: 300px">
<div class="vh-100 position-relative d-flex flex-column border-right flex-shrink-0" :style="{width: itemListWidth+'px'}">
<drag :width="itemListWidth" @resize="resizeItemList"></drag>
<div class="px-2 toolbar d-flex align-items-center">
<button class="toolbar-item">
<span class="icon">{% inline "search.svg" %}</span>