fix(icons): unset scale to see icons on iOS and avoid overflow

jellyfin · Mar 27, 2023 · 04f901f · 04f901f
1 parent 3b269f0
commit 04f901f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/frontend/src/components/Layout/Images/Blurhash/BlurhashImage.vue b/frontend/src/components/Layout/Images/Blurhash/BlurhashImage.vue
@@ -114,6 +114,13 @@ const imageUrl = computed(() => {
 const hash = computed(() => getBlurhash(props.item, props.type));
 </script>
 
+<style lang="scss">
+.placeholder svg {
+  width: 100%;
+  height: 100%;
+}
+</style>
+
 <style lang="scss" scoped>
 .img {
   color: transparent;

diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
@@ -63,12 +63,7 @@ export default defineConfig(({ mode }): UserConfig => {
        * See: https://github.com/antfu/unplugin-icons
        */
       Icons({
-        compiler: 'vue3',
-        /**
-         * Don't hardcode any size to the icons, let Vuetify or whatever CSS styles
-         * we have applied to the object do the job instead.
-         */
-        scale: 0
+        compiler: 'vue3'
       }),
       VitePWA(),
       VueI18nPlugin({