fix
@@ -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>
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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 |
@@ -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 |
@@ -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 |
@@ -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 |
@@ -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 |
@@ -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 |
@@ -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 |
@@ -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">
|
||||
|
||||