This commit is contained in:
2025-04-25 14:41:17 -03:00
parent d82e18c67c
commit 293444f421
10 changed files with 35 additions and 34 deletions

View File

@@ -1,7 +1,7 @@
---
import { Icon } from 'astro-icon/components'
import { Icon } from "astro-icon/components";
const { items = [] } = Astro.props
const { items = [] } = Astro.props;
---
<div id="carousel" class="relative">
@@ -26,8 +26,12 @@ const { items = [] } = Astro.props
>
{
items.map((Component, idx) => (
<div class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center">
<Component class="size-48 lg:size-38 fill-white" id={`slide${idx + 1}`} />
<div
class="snap-center flex-shrink-0 max-lg:w-full flex justify-center itens-center"
id={`slide${idx + 1}`}
>
<Component />
<!-- <Component class="size-48 lg:size-38 fill-white" /> -->
</div>
))
}
@@ -35,26 +39,26 @@ const { items = [] } = Astro.props
</div>
<script>
const carousel = document.getElementById('carousel')
const slides = carousel.querySelectorAll('.snap-center')
let currentIndex = 0
const carousel = document.getElementById("carousel");
const slides = carousel.querySelectorAll(".snap-center");
let currentIndex = 0;
const scrollToSlide = (index: number) => {
if (index >= 0 && index < slides.length) {
slides[index].scrollIntoView({
behavior: 'smooth',
block: 'nearest',
inline: 'center',
})
currentIndex = index
}
behavior: "smooth",
block: "nearest",
inline: "center",
});
currentIndex = index;
}
};
document.getElementById('prev').addEventListener('click', () => {
scrollToSlide(currentIndex - 1)
})
document.getElementById("prev").addEventListener("click", () => {
scrollToSlide(currentIndex - 1);
});
document.getElementById('next').addEventListener('click', () => {
scrollToSlide(currentIndex + 1)
})
document.getElementById("next").addEventListener("click", () => {
scrollToSlide(currentIndex + 1);
});
</script>

View File

@@ -2,11 +2,11 @@
import Carousel from "~/components/Carousel.astro";
import Container from "~/components/Container.astro";
import Kordsa from "~/components/Logos/Kordsa.astro";
import Semeq from "~/components/Logos/Semeq.astro";
import Natura from "~/components/Logos/Natura.astro";
import Nissan from "~/components/Logos/Nissan.astro";
import Manserv from "~/components/Logos/Manserv.astro";
import Kordsa from "~/icons/logos/kordsa.svg";
import Semeq from "~/icons/logos/semeq.svg";
import Natura from "~/icons/logos/natura.svg";
import Nissan from "~/icons/logos/nissan.svg";
import Manserv from "~/icons/logos/manserv.svg";
---
<Container

View File

@@ -1,3 +1,3 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-6">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18 9 11.25l4.306 4.306a11.95 11.95 0 0 1 5.814-5.518l2.74-1.22m0 0-5.94-2.281m5.94 2.28-2.28 5.941" />
</svg>

Before

Width:  |  Height:  |  Size: 303 B

After

Width:  |  Height:  |  Size: 288 B

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1072.73 329.6" width="111" height="36" {...Astro.props}>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1072.73 329.6" width="111" height="36">
<g>
<g>
<path

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="32.095" viewBox="0 0 160 32.095" {...Astro.props}>
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="32.095" viewBox="0 0 160 32.095">
<g id="logo-e" transform="translate(15704.411 15506)">
<path
id="Path_9"

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

View File

@@ -1,4 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" id="Camada_1" viewBox="0 0 158 23" {...Astro.props}>
<svg xmlns="http://www.w3.org/2000/svg" id="Camada_1" viewBox="0 0 158 23">
<defs></defs><g>
<path
class="cls-1"

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

View File

@@ -1,4 +1,4 @@
<svg width="208" height="44" viewBox="0 0 208 44" fill="none" xmlns="http://www.w3.org/2000/svg" {...Astro.props}>
<svg width="208" height="44" viewBox="0 0 208 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M79.7154 18.2979C88.2144 18.2979 92.1139 23.5972 92.1139 28.7966V40.0952H86.7146V28.7966C86.7146 25.597 84.8148 20.3976 79.7154 20.3976C74.5161 20.3976 72.7163 25.597 72.7163 28.7966V40.0952H67.4169V28.7966C67.3169 23.5972 71.2165 18.2979 79.7154 18.2979Z"
></path><path

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 5.0 KiB

View File

@@ -8,7 +8,6 @@
viewBox="0 0 504 421.7"
style="enable-background:new 0 0 504 421.7;"
xml:space="preserve"
{...Astro.props}
>
<g id="Layer_1_1_">
<g id="Nissan_Badge_1_">

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

View File

@@ -4,7 +4,6 @@
width="141.088"
height="45.581"
viewBox="0 0 141.088 45.581"
{...Astro.props}
>
<g id="Group_1157" data-name="Group 1157" transform="translate(0 0)">
<path
@@ -15,7 +14,7 @@
fill="currentColor"
fill-rule="evenodd"></path>
<g id="Group_1155" data-name="Group 1155">
<g id="Group_1154" data-name="Group 1154" clip-path="url(#clip-path)">
<g id="Group_1154" data-name="Group 1154">
<path
id="Path_3696"
data-name="Path 3696"

Before

Width:  |  Height:  |  Size: 19 KiB

After

Width:  |  Height:  |  Size: 19 KiB

View File

@@ -1,6 +1,5 @@
---
import "~/styles/app.css";
import Logo from "~/components/logos/Eduseg.astro";
import Container from "~/components/Container.astro";
import { Icon } from "astro-icon/components";
@@ -26,7 +25,7 @@ const year = new Date().getFullYear();
<header>
<Container class="flex items-center py-3">
<a href="/" aria-label="Página inicial">
<Logo className="h-10" />
<Icon name="logos/eduseg" class="w-28 h-auto" />
</a>
<div class="ml-auto">