arthur/website
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/website.git synced 2026-01-14 12:14:42 +01:00
Code Issues Packages Projects Releases Wiki Activity

working on background

Browse Source
This commit is contained in:
Arthur Danjou
2024-02-25 15:58:11 +01:00
parent d53a89200d
commit 2cf7b07c9c
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/Background.vue
View File

@@ -20,14 +20,14 @@ onMounted(() => {
</script> </script>
<template> <template>
<div class="flex w-full w-container"> <ClientOnly>
<div class="bg absolute inset-0 z-20 transform-gpu blur-3xl overflow-hidden" aria-hidden="true"> <div class="bg sm:mx-8 absolute inset-0 z-20 transform-gpu blur-3xl overflow-hidden" aria-hidden="true">
<div <div
class="aspect-[1.7] h-full w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50" class="aspect-[1.7] h-full w-full bg-gradient-to-r from-[rgb(var(--color-primary-DEFAULT))] to-white/10 lg:opacity-30 xs:opacity-50"
:style="{ 'clip-path': `polygon(${poly})` }" :style="{ 'clip-path': `polygon(${poly})` }"
/> />
</div> </div>
</div> </ClientOnly>
</template> </template>
<style scoped> <style scoped>