boiii
/
traxxx
forked from DebaucheryLibrarian/traxxx
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added borders to release info column.

This commit is contained in:
ThePendulum 2020-01-09 02:09:17 +01:00
parent 1ccb05613a
commit 26161abd39
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/components/releases/release.vue
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;

12
public/css/style.css
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] {