hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add css

Browse source 
* I added an .scss file and moved the css from the vue file to there
* I added new css obviously
* the tables have a smal padding left
* the first column is 180px wide
  * This should be more than enough for an instance with 26 characters in it's name, which is already starting to get rare when I check my DB
This commit is contained in:
Ilja 2020-11-28 13:53:49 +01:00
parent 6cf98da91e
commit a5fac743f2
2 changed files with 24 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/mrf_transparency_panel/mrf_transparency_panel.scss Normal file
View file

@ -0,0 +1,16 @@
.mrf-section {
margin: 1em;
table {
width:100%;
text-align: left;
padding-left:10px;
padding-bottom:20px;
th {
width: 180px;
}
th+th {
width: auto;
}
}
}

17
src/components/mrf_transparency_panel/mrf_transparency_panel.vue
View file

@ -31,7 +31,7 @@
<p>{{ $t("about.mrf.simple.accept_desc") }}</p> <p>{{ $t("about.mrf.simple.accept_desc") }}</p>
<table style="width:100%;text-align: left;"> <table>
<tr> <tr>
<th>{{ $t("about.mrf.simple.instance") }}</th> <th>{{ $t("about.mrf.simple.instance") }}</th>
<th>{{ $t("about.mrf.simple.reason") }}</th> <th>{{ $t("about.mrf.simple.reason") }}</th>
@ -56,7 +56,7 @@
<p>{{ $t("about.mrf.simple.reject_desc") }}</p> <p>{{ $t("about.mrf.simple.reject_desc") }}</p>
<table style="width:100%;text-align: left;"> <table>
<tr> <tr>
<th>{{ $t("about.mrf.simple.instance") }}</th> <th>{{ $t("about.mrf.simple.instance") }}</th>
<th>{{ $t("about.mrf.simple.reason") }}</th> <th>{{ $t("about.mrf.simple.reason") }}</th>
@ -81,7 +81,7 @@
<p>{{ $t("about.mrf.simple.quarantine_desc") }}</p> <p>{{ $t("about.mrf.simple.quarantine_desc") }}</p>
<table style="width:100%;text-align: left;"> <table>
<tr> <tr>
<th>{{ $t("about.mrf.simple.instance") }}</th> <th>{{ $t("about.mrf.simple.instance") }}</th>
<th>{{ $t("about.mrf.simple.reason") }}</th> <th>{{ $t("about.mrf.simple.reason") }}</th>
@ -106,7 +106,7 @@
<p>{{ $t("about.mrf.simple.ftl_removal_desc") }}</p> <p>{{ $t("about.mrf.simple.ftl_removal_desc") }}</p>
<table style="width:100%;text-align: left;"> <table>
<tr> <tr>
<th>{{ $t("about.mrf.simple.instance") }}</th> <th>{{ $t("about.mrf.simple.instance") }}</th>
<th>{{ $t("about.mrf.simple.reason") }}</th> <th>{{ $t("about.mrf.simple.reason") }}</th>
@ -131,7 +131,7 @@
<p>{{ $t("about.mrf.simple.media_nsfw_desc") }}</p> <p>{{ $t("about.mrf.simple.media_nsfw_desc") }}</p>
<table style="width:100%;text-align: left;"> <table>
<tr> <tr>
<th>{{ $t("about.mrf.simple.instance") }}</th> <th>{{ $t("about.mrf.simple.instance") }}</th>
<th>{{ $t("about.mrf.simple.reason") }}</th> <th>{{ $t("about.mrf.simple.reason") }}</th>
@ -156,7 +156,7 @@
<p>{{ $t("about.mrf.simple.media_removal_desc") }}</p> <p>{{ $t("about.mrf.simple.media_removal_desc") }}</p>
<table style="width:100%;text-align: left;"> <table>
<tr> <tr>
<th>{{ $t("about.mrf.simple.instance") }}</th> <th>{{ $t("about.mrf.simple.instance") }}</th>
<th>{{ $t("about.mrf.simple.reason") }}</th> <th>{{ $t("about.mrf.simple.reason") }}</th>
@ -227,7 +227,6 @@
<script src="./mrf_transparency_panel.js"></script> <script src="./mrf_transparency_panel.js"></script>
<style lang="scss"> <style lang="scss">
.mrf-section { @import '../../_variables.scss';
margin: 1em; @import './mrf_transparency_panel.scss';
}
</style> </style>