aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/components/still-image/still-image.js7
-rw-r--r--src/components/still-image/still-image.vue7
2 files changed, 5 insertions, 9 deletions
diff --git a/src/components/still-image/still-image.js b/src/components/still-image/still-image.js
index 595652f2..f0b25265 100644
--- a/src/components/still-image/still-image.js
+++ b/src/components/still-image/still-image.js
@@ -1,16 +1,9 @@
-import fileTypeService from '../../services/file_type/file_type.service.js'
-
const StillImage = {
props: [
'src',
'referrerpolicy',
'mimetype'
],
- data () {
- return {
- hideNsfwLocal: this.$store.state.config.hideNsfw,
- }
- },
computed: {
animated () {
return this.mimetype === 'image/gif' || this.src.endsWith('.gif')
diff --git a/src/components/still-image/still-image.vue b/src/components/still-image/still-image.vue
index b141cdaf..91d7f77a 100644
--- a/src/components/still-image/still-image.vue
+++ b/src/components/still-image/still-image.vue
@@ -30,11 +30,14 @@
&::before {
content: 'gif';
position: absolute;
+ line-height: 10px;
+ font-size: 10px;
top: 5px;
left: 5px;
- background: rgba(127,127,127,.7);
+ background: rgba(127,127,127,.5);
+ color: #FFF;
display: block;
- padding: 2px;
+ padding: 2px 4px;
border-radius: 3px;
z-index: 2;
}