Compare commits

...

2 Commits

Author SHA1 Message Date
6aaf4ecfb4
reliably unblur, only use unblur if image not already loaded 2023-07-12 12:44:44 +02:00
bfc20ec192
rm jukit stuff 2023-07-12 12:28:34 +02:00
11 changed files with 18 additions and 11 deletions

View File

@ -1 +0,0 @@
{"display_param": "0", "terminal": "nvimterm"}

View File

@ -11,6 +11,14 @@ if(icon_override){
} }
let isloaded = false let isloaded = false
import { onMount } from "svelte";
onMount(() => {
const el = document.querySelector("img")
if(el.complete){
isloaded = true
}
})
</script> </script>
<style> <style>
.card{ .card{

View File

@ -2,6 +2,14 @@
export let src export let src
export let placeholder_src export let placeholder_src
let isloaded=false let isloaded=false
import { onMount } from "svelte";
onMount(() => {
const el = document.querySelector("img")
if(el.complete){
isloaded = true
}
})
</script> </script>
<style> <style>
:root { :root {
@ -60,7 +68,7 @@
object-fit: cover; object-fit: cover;
object-position: 50% 20%; object-position: 50% 20%;
backdrop-filter: blur(20px); backdrop-filter: blur(20px);
transition: 200ms; transition: 50ms;
filter: blur(20px); filter: blur(20px);
z-index: -10; z-index: -10;
} }
@ -106,7 +114,7 @@ div:has(.placeholder){
<div> <div>
<div class=placeholder style="background-image:url({placeholder_src})" > <div class=placeholder style="background-image:url({placeholder_src})" >
<div class=placeholder_blur> <div class=placeholder_blur>
<img class:unblur={isloaded} id=image {src} on:load={() => isloaded=true} alt=""/> <img class:unblur={isloaded} id=image {src} on:load={() => {isloaded=true}} alt=""/>
</div> </div>
</div> </div>
</div> </div>

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}

View File

@ -1 +0,0 @@
{"terminal": "nvimterm"}