Added expand/collapse to compact network sites.

This commit is contained in:
2020-01-09 02:40:02 +01:00
parent 2f4a227437
commit 419e098282
27 changed files with 238 additions and 47 deletions

View File

@@ -1,19 +1,6 @@
<template>
<div class="sites">
<ul class="nolist tiles">
<a
v-if="network"
:href="network.url"
target="_blank"
rel="noopener noreferrer"
class="tile"
>
<img
:src="`/img/logos/${network.slug}/network.png`"
class="logo"
>
</a>
<li
v-for="site in sites"
:key="`site-${site.id}`"
@@ -67,7 +54,7 @@ export default {
&.expanded {
.tiles {
grid-template-columns: repeat(2, .5fr);
grid-template-columns: repeat(auto-fit, minmax(15rem, .5fr));
}
}
}
@@ -81,8 +68,4 @@ export default {
grid-template-columns: 1fr;
overflow-y: auto;
}
.logo {
width: 15rem;
}
</style>