Improved network and site layout and design.

This commit is contained in:
2020-01-05 03:27:26 +01:00
parent b26e199d94
commit a94edca073
3 changed files with 62 additions and 112 deletions

View File

@@ -8,6 +8,7 @@
<div class="network">
<div class="sidebar">
<a
v-tooltip.bottom="`Go to ${network.url}`"
:href="network.url"
target="_blank"
rel="noopener noreferrer"
@@ -32,6 +33,7 @@
<div class="header">
<a
v-tooltip.bottom="`Go to ${network.url}`"
:href="network.url"
target="_blank"
rel="noopener noreferrer"
@@ -45,34 +47,12 @@
</div>
<div class="content-inner">
<div
<Sites
v-if="sites.length"
:sites="sites"
class="compact"
>
<span
v-if="expanded"
class="expand"
@click="expanded = false"
> collapse</span>
<Sites
:sites="sites"
class="compact"
:class="{ expanded }"
/>
<span
v-if="!expanded"
class="expand"
@click="expanded = true"
>expand </span>
<span
v-if="expanded"
class="expand"
@click="expanded = false"
> collapse</span>
</div>
:class="{ expanded }"
/>
<Releases :releases="releases" />
</div>
@@ -174,8 +154,7 @@ export default {
object-fit: contain;
box-sizing: border-box;
padding: 1rem;
margin: 0;
filter: $logo-shadow;
filter: $logo-highlight;
}
.header {