Compare commits
2 Commits
2ae789e6a6
...
6aaf4ecfb4
Author | SHA1 | Date | |
---|---|---|---|
6aaf4ecfb4 | |||
bfc20ec192 |
@ -1 +0,0 @@
|
|||||||
{"display_param": "0", "terminal": "nvimterm"}
|
|
@ -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{
|
||||||
|
@ -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>
|
||||||
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
@ -1 +0,0 @@
|
|||||||
{"terminal": "nvimterm"}
|
|
Loading…
Reference in New Issue
Block a user