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

Code review fixes

Browse source 
* The v-for for the reasons now have an actual unique key so it doesn't throw errors any more
* Some small touch ups on the css. Most importantly the "vertical-align: text-top;"
This commit is contained in:
Ilja 2020-12-13 15:50:17 +01:00
parent dddfadacd1
commit 8fa8d17a83
2 changed files with 13 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/mrf_transparency_panel/mrf_transparency_panel.scss
View file

@ -6,10 +6,15 @@
text-align: left; text-align: left;
padding-left:10px; padding-left:10px;
padding-bottom:20px; padding-bottom:20px;
th {
th, td {
width: 180px; width: 180px;
max-width: 360px;
overflow: hidden;
vertical-align: text-top;
} }
th+th {
th+th, td+td {
width: auto; width: auto;
} }
} }

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

@ -38,7 +38,7 @@
</tr> </tr>
<tr <tr
v-for="entry in acceptInstances" v-for="entry in acceptInstances"
:key="entry" :key="entry.instance + '_accept'"
> >
<td>{{ entry.instance }}</td> <td>{{ entry.instance }}</td>
<td v-if="entry.reason === ''"> <td v-if="entry.reason === ''">
@ -63,7 +63,7 @@
</tr> </tr>
<tr <tr
v-for="entry in rejectInstances" v-for="entry in rejectInstances"
:key="entry" :key="entry.instance + '_reject'"
> >
<td>{{ entry.instance }}</td> <td>{{ entry.instance }}</td>
<td v-if="entry.reason === ''"> <td v-if="entry.reason === ''">
@ -88,7 +88,7 @@
</tr> </tr>
<tr <tr
v-for="entry in quarantineInstances" v-for="entry in quarantineInstances"
:key="entry" :key="entry.instance + '_quarantine'"
> >
<td>{{ entry.instance }}</td> <td>{{ entry.instance }}</td>
<td v-if="entry.reason === ''"> <td v-if="entry.reason === ''">
@ -113,7 +113,7 @@
</tr> </tr>
<tr <tr
v-for="entry in ftlRemovalInstances" v-for="entry in ftlRemovalInstances"
:key="entry" :key="entry.instance + '_ftl_removal'"
> >
<td>{{ entry.instance }}</td> <td>{{ entry.instance }}</td>
<td v-if="entry.reason === ''"> <td v-if="entry.reason === ''">
@ -138,7 +138,7 @@
</tr> </tr>
<tr <tr
v-for="entry in mediaNsfwInstances" v-for="entry in mediaNsfwInstances"
:key="entry" :key="entry.instance + '_media_nsfw'"
> >
<td>{{ entry.instance }}</td> <td>{{ entry.instance }}</td>
<td v-if="entry.reason === ''"> <td v-if="entry.reason === ''">
@ -163,7 +163,7 @@
</tr> </tr>
<tr <tr
v-for="entry in mediaRemovalInstances" v-for="entry in mediaRemovalInstances"
:key="entry" :key="entry.instance + '_media_removal'"
> >
<td>{{ entry.instance }}</td> <td>{{ entry.instance }}</td>
<td v-if="entry.reason === ''"> <td v-if="entry.reason === ''">