From 352666cca397c5d7617c59b30f929af879d510c3 Mon Sep 17 00:00:00 2001 From: Kseninia Mikhaylova Date: Fri, 6 Sep 2024 15:24:37 +0300 Subject: [PATCH] logo --- front/src/assets/promo/Vector.svg | 36 +++++ front/src/assets/promo/logo.svg | 184 +++---------------------- front/src/components/Gallery/index.vue | 12 +- 3 files changed, 60 insertions(+), 172 deletions(-) create mode 100644 front/src/assets/promo/Vector.svg diff --git a/front/src/assets/promo/Vector.svg b/front/src/assets/promo/Vector.svg new file mode 100644 index 0000000..44dadeb --- /dev/null +++ b/front/src/assets/promo/Vector.svg @@ -0,0 +1,36 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/front/src/assets/promo/logo.svg b/front/src/assets/promo/logo.svg index 81d8838..61c3bc2 100644 --- a/front/src/assets/promo/logo.svg +++ b/front/src/assets/promo/logo.svg @@ -1,167 +1,19 @@ - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + diff --git a/front/src/components/Gallery/index.vue b/front/src/components/Gallery/index.vue index 253da1d..ee6f151 100644 --- a/front/src/components/Gallery/index.vue +++ b/front/src/components/Gallery/index.vue @@ -48,8 +48,8 @@ const endColor = `hsl(${(Math.random() * 360).toFixed()}, 100%, 50%)` color: white; - width: 2rem; - height: 2rem; + width: 4rem; + height: 4rem; padding: 0.25rem; animation: bounce2 var(--anim-time) ease infinite; @@ -58,10 +58,10 @@ const endColor = `hsl(${(Math.random() * 360).toFixed()}, 100%, 50%)` &::before { content: ''; position: absolute; - top: -1rem; - right: -1rem; - bottom: -1rem; - left: -1rem; + top: -2rem; + right: -2rem; + bottom: -2rem; + left: -2rem; background-image: linear-gradient(var(--logo-start-color), var(--logo-end-color)); animation: bounce2grad var(--anim-time) ease infinite; z-index: -1;