Compare commits

...

2 Commits

Author SHA1 Message Date
ThePendulum 258a9141f0 1.47.6 2020-01-09 02:09:20 +01:00
ThePendulum 26161abd39 Added borders to release info column. 2020-01-09 02:09:17 +01:00
4 changed files with 19 additions and 10 deletions

View File

@ -5,7 +5,7 @@
> >
<Banner :release="release" /> <Banner :release="release" />
<div class="info"> <div class="details">
<div class="column"> <div class="column">
<a <a
v-if="release.date" v-if="release.date"
@ -95,7 +95,7 @@
</div> </div>
</div> </div>
<div class="column"> <div class="info column">
<h2 class="row title">{{ release.title }}</h2> <h2 class="row title">{{ release.title }}</h2>
<div class="row"> <div class="row">
@ -256,6 +256,12 @@ export default {
box-sizing: border-box; box-sizing: border-box;
} }
.info.column {
padding: 1rem;
border-left: solid 1px $shadow-hint;
border-right: solid 1px $shadow-hint;
}
.row { .row {
display: flex; display: flex;
align-items: center; align-items: center;
@ -269,10 +275,9 @@ export default {
} }
} }
.info { .details {
background: $profile; background: $profile;
color: $text-contrast; color: $text-contrast;
margin: 0 0 1.5rem 0;
box-shadow: 0 0 3px $shadow-weak; box-shadow: 0 0 3px $shadow-weak;
cursor: default; cursor: default;

2
package-lock.json generated
View File

@ -1,6 +1,6 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.47.5", "version": "1.47.6",
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "dependencies": {

View File

@ -1,6 +1,6 @@
{ {
"name": "traxxx", "name": "traxxx",
"version": "1.47.5", "version": "1.47.6",
"description": "All the latest porn releases in one place", "description": "All the latest porn releases in one place",
"main": "src/app.js", "main": "src/app.js",
"scripts": { "scripts": {

View File

@ -392,6 +392,11 @@
margin: 0 auto; margin: 0 auto;
box-sizing: border-box; box-sizing: border-box;
} }
.info.column[data-v-d4b03dc2] {
padding: 1rem;
border-left: solid 1px rgba(0, 0, 0, 0.1);
border-right: solid 1px rgba(0, 0, 0, 0.1);
}
.row[data-v-d4b03dc2] { .row[data-v-d4b03dc2] {
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
@ -405,21 +410,20 @@
fill: rgba(0, 0, 0, 0.7); fill: rgba(0, 0, 0, 0.7);
margin: 0 1rem 0 0; margin: 0 1rem 0 0;
} }
.info[data-v-d4b03dc2] { .details[data-v-d4b03dc2] {
background: #222; background: #222;
color: #fff; color: #fff;
margin: 0 0 1.5rem 0;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
cursor: default; cursor: default;
} }
.info .column[data-v-d4b03dc2] { .details .column[data-v-d4b03dc2] {
display: -webkit-box; display: -webkit-box;
display: flex; display: flex;
-webkit-box-align: center; -webkit-box-align: center;
align-items: center; align-items: center;
padding: 0 1rem; padding: 0 1rem;
} }
.info .link[data-v-d4b03dc2] { .details .link[data-v-d4b03dc2] {
color: #fff; color: #fff;
} }
.tidbit[data-v-d4b03dc2] { .tidbit[data-v-d4b03dc2] {