forked from DebaucheryLibrarian/traxxx
Added expand/collapse to compact network sites.
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user