diff --git a/assets/components/networks/network.vue b/assets/components/networks/network.vue
index 2c04b8c8..c0379439 100644
--- a/assets/components/networks/network.vue
+++ b/assets/components/networks/network.vue
@@ -24,22 +24,34 @@
class="description"
>{{ network.description }}
-
-
-
+
+
+
+
-
+
+
@@ -48,7 +60,7 @@
+
+
diff --git a/assets/components/site/site.vue b/assets/components/site/site.vue
deleted file mode 100644
index 39545a5c..00000000
--- a/assets/components/site/site.vue
+++ /dev/null
@@ -1,155 +0,0 @@
-
-
-
-
-
-
-
-
{{ site.description }}
-
-
-
-
-
-
-
-
-
diff --git a/assets/components/tags/tags.vue b/assets/components/tags/tags.vue
index d5908b11..c4518854 100644
--- a/assets/components/tags/tags.vue
+++ b/assets/components/tags/tags.vue
@@ -10,16 +10,6 @@
/>
- Ethnicity
-
-
-
-
-
Penetration
@@ -40,6 +30,16 @@
/>
+ Ethnicity
+
+
+
+
+
Finish
diff --git a/assets/js/router.js b/assets/js/router.js
index 31207c24..3186ebc3 100644
--- a/assets/js/router.js
+++ b/assets/js/router.js
@@ -3,7 +3,7 @@ import VueRouter from 'vue-router';
import Home from '../components/home/home.vue';
import Release from '../components/releases/release.vue';
-import Site from '../components/site/site.vue';
+import Site from '../components/sites/site.vue';
import Network from '../components/networks/network.vue';
import Networks from '../components/networks/networks.vue';
import Actor from '../components/actors/actor.vue';
diff --git a/public/css/style.css b/public/css/style.css
index e2cb34d7..d6877fb7 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -519,28 +519,28 @@
}
/* $primary: #ff886c; */
-.header[data-v-3e57cf44] {
+.header[data-v-194630f6] {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
-.title[data-v-3e57cf44] {
+.title[data-v-194630f6] {
display: -webkit-inline-box;
display: inline-flex;
-webkit-box-align: top;
align-items: top;
margin: 0 1rem 0 0;
}
-.title:hover .icon[data-v-3e57cf44] {
+.title:hover .icon[data-v-194630f6] {
fill: #ff6c88;
}
-.heading[data-v-3e57cf44] {
+.heading[data-v-194630f6] {
padding: 0;
margin: 0 0 1rem 0;
}
-.link[data-v-3e57cf44] {
+.link[data-v-194630f6] {
display: -webkit-box;
display: flex;
flex-shrink: 0;
@@ -550,20 +550,20 @@
-webkit-box-align: end;
align-items: flex-end;
}
-.logo[data-v-3e57cf44] {
+.logo[data-v-194630f6] {
width: 20rem;
max-height: 8rem;
-o-object-fit: contain;
object-fit: contain;
margin: 0 .5rem 1rem 0;
}
-.networklogo-container[data-v-3e57cf44] {
+.networklogo-container[data-v-194630f6] {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
-.networklogo[data-v-3e57cf44] {
+.networklogo[data-v-194630f6] {
color: #222;
width: 15rem;
max-height: 6rem;
@@ -574,13 +574,13 @@
object-position: 100% 0;
margin: 0 0 0 .5rem;
}
-.sites[data-v-3e57cf44],
-.scenes[data-v-3e57cf44] {
+.sites[data-v-194630f6],
+.scenes[data-v-194630f6] {
display: grid;
grid-gap: 1rem;
margin: 0 0 1rem 0;
}
-.sites[data-v-3e57cf44] {
+.sites[data-v-194630f6] {
grid-template-columns: repeat(auto-fit, 15rem);
}
@@ -631,6 +631,32 @@
margin: 0;
}
+/* $primary: #ff886c; */
+.sites[data-v-7bebaa3e] {
+ display: grid;
+ grid-gap: 1rem;
+ padding: 1rem;
+ margin: 0;
+ grid-template-columns: 1fr;
+ overflow-y: auto;
+}
+.sites.compact[data-v-7bebaa3e] {
+ display: -webkit-box;
+ display: flex;
+ overflow-x: auto;
+}
+.sites.compact .tile[data-v-7bebaa3e] {
+ width: 15rem;
+ margin: 0 1rem 0 0;
+}
+
+/* $primary: #ff886c; */
+@media (max-width: 1200px) {
+.releases .tiles {
+ grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
+}
+}
+
/* $primary: #ff886c; */
.network[data-v-e2e12602] {
display: -webkit-box;
@@ -646,49 +672,71 @@
}
.sidebar[data-v-e2e12602] {
height: 100%;
+ width: 18rem;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
- background: #222;
+ flex-shrink: 0;
color: #fff;
- width: 25rem;
+ border-right: solid 1px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
+.sidebar .title[data-v-e2e12602] {
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+}
.logo[data-v-e2e12602] {
width: 100%;
max-height: 8rem;
+ display: -webkit-box;
+ display: flex;
+ -webkit-box-pack: center;
+ justify-content: center;
-o-object-fit: contain;
object-fit: contain;
box-sizing: border-box;
- padding: 1rem 2rem;
- border-bottom: solid 1px rgba(255, 255, 255, 0.075);
- margin: 0;
- -webkit-filter: drop-shadow(1px 0 0 rgba(255, 255, 255, 0.2)) drop-shadow(-1px 0 0 rgba(255, 255, 255, 0.2)) drop-shadow(0 1px 0 rgba(255, 255, 255, 0.2)) drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.2));
- filter: drop-shadow(1px 0 0 rgba(255, 255, 255, 0.2)) drop-shadow(-1px 0 0 rgba(255, 255, 255, 0.2)) drop-shadow(0 1px 0 rgba(255, 255, 255, 0.2)) drop-shadow(0 -1px 0 rgba(255, 255, 255, 0.2));
-}
-.sites[data-v-e2e12602] {
- display: grid;
- grid-gap: 1rem;
padding: 1rem;
margin: 0;
- grid-template-columns: repeat(2, 0.5fr);
- overflow-y: auto;
+ -webkit-filter: drop-shadow(1px 0 0 rgba(0, 0, 0, 0.2)) drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.2)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2)) drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.2));
+ filter: drop-shadow(1px 0 0 rgba(0, 0, 0, 0.2)) drop-shadow(-1px 0 0 rgba(0, 0, 0, 0.2)) drop-shadow(0 1px 0 rgba(0, 0, 0, 0.2)) drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.2));
+}
+.sites.compact[data-v-e2e12602] {
+ display: none;
+}
+.header[data-v-e2e12602] {
+ width: 100%;
+ height: 4rem;
+ display: none;
+ -webkit-box-pack: center;
+ justify-content: center;
+ border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}
@media (max-width: 720px) {
+.header[data-v-e2e12602] {
+ display: -webkit-box;
+ display: flex;
+}
+.sites.compact[data-v-e2e12602] {
+ display: -webkit-box;
+ display: flex;
+ padding: 0 1rem 1rem 1rem;
+}
.network[data-v-e2e12602] {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
-.sidebar[data-v-e2e12602] {
- height: 20rem;
- overflow: hidden;
+.logo[data-v-e2e12602] {
+ max-width: 20rem;
+ height: 100%;
+ padding: .5rem;
}
-.sites[data-v-e2e12602] {
- grid-template-columns: repeat(auto-fit, minmax(15rem, 0.5fr));
- overflow-y: auto;
+.sidebar[data-v-e2e12602] {
+ display: none;
+ height: auto;
+ width: 100%;
+ overflow: hidden;
}
}