Style fixes for views

2020-08-15 02:35:23 +05:00
parent 7d4815fcfa
commit bf8afb0a5a
5 changed files with 15 additions and 7 deletions
--- a/resources/js/components/RecentStories.vue
+++ b/resources/js/components/RecentStories.vue
@@ -52,7 +52,7 @@
                        </div>

                        <div
-                            class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden mt-3 opacity-75 rounded-lg object-right"
+                            class="h-48 lg:w-48 flex-none bg-cover text-center overflow-hidden rounded object-right dark-img"
                            :style="{
                                'background-image':
                                    'url(' + story.featured_image + ')'
@@ -88,3 +88,9 @@ export default {
    }
 };
 </script>
+
+<style>
+.dark-img {
+    filter: brightness(90%);
+}
+</style>