resizable columns
This commit is contained in:
parent
dc91b94cfa
commit
0ed5f59f21
3 changed files with 57 additions and 2 deletions
|
|
@ -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"> </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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue