aboutsummaryrefslogtreecommitdiff
path: root/src/site/components/grid/Grid.vue
diff options
context:
space:
mode:
authorZephyrrus <[email protected]>2020-07-07 02:50:03 +0300
committerZephyrrus <[email protected]>2020-07-07 02:50:03 +0300
commit5d61b4d000a114857e4519be25c5834f510d450f (patch)
tree022c0057c6a634a84f51dac4dd9a404736d93bf7 /src/site/components/grid/Grid.vue
parentfeat: try fixing THE SHITTY WATERFALL (diff)
downloadhost.fuwn.me-5d61b4d000a114857e4519be25c5834f510d450f.tar.xz
host.fuwn.me-5d61b4d000a114857e4519be25c5834f510d450f.zip
feat: refactor waterfall to be more efficient
Diffstat (limited to 'src/site/components/grid/Grid.vue')
-rw-r--r--src/site/components/grid/Grid.vue5
1 files changed, 5 insertions, 0 deletions
diff --git a/src/site/components/grid/Grid.vue b/src/site/components/grid/Grid.vue
index e6a8c64..f98108e 100644
--- a/src/site/components/grid/Grid.vue
+++ b/src/site/components/grid/Grid.vue
@@ -25,6 +25,7 @@
v-if="showWaterfall"
:gutterWidth="10"
:gutterHeight="4"
+ :options="{fitWidth: true}"
:itemWidth="width"
:items="gridFiles">
<template v-slot="{item}">
@@ -451,6 +452,10 @@ div.actions {
display: none;
}
+.waterfall {
+ margin: 0 auto;
+}
+
.waterfall-item:hover {
div.actions {
opacity: 1;