diff --git a/public/images/map-marker-in-operation.png b/public/images/map-marker-in-operation.png deleted file mode 100644 index e002c66..0000000 Binary files a/public/images/map-marker-in-operation.png and /dev/null differ diff --git a/public/images/map-marker-in-operation.svg b/public/images/map-marker-in-operation.svg new file mode 100644 index 0000000..8cae6b9 --- /dev/null +++ b/public/images/map-marker-in-operation.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/images/map-marker-not-working.png b/public/images/map-marker-not-working.png deleted file mode 100644 index 4ac293f..0000000 Binary files a/public/images/map-marker-not-working.png and /dev/null differ diff --git a/public/images/map-marker-not-working.svg b/public/images/map-marker-not-working.svg new file mode 100644 index 0000000..4a00f98 --- /dev/null +++ b/public/images/map-marker-not-working.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/public/images/map-marker-temporarily-closed.png b/public/images/map-marker-temporarily-closed.png deleted file mode 100644 index 8b3cd10..0000000 Binary files a/public/images/map-marker-temporarily-closed.png and /dev/null differ diff --git a/public/images/map-marker-temporarily-closed.svg b/public/images/map-marker-temporarily-closed.svg new file mode 100644 index 0000000..10dd15e --- /dev/null +++ b/public/images/map-marker-temporarily-closed.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/app/globals.css b/src/app/globals.css index 7e66ec7..85162a0 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -106,12 +106,6 @@ a { text-decoration: none; } -@media (prefers-color-scheme: dark) { - html { - color-scheme: dark; - } -} - .leaflet-popup-content-wrapper { background-color: transparent !important; box-shadow: 0 0 0 transparent !important; @@ -120,4 +114,23 @@ a { .leaflet-popup-tip { background-color: #FFFBF3 !important; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2) !important; -} \ No newline at end of file +} + +@media (prefers-color-scheme: dark) { + html { + color-scheme: dark; + } +} + +@media (max-width: 768px) { + :root { + font-size: 85%; + } +} + +@media (max-width: 667px) { + :root { + font-size: 70%; + } +} + diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 09e3955..3bea84b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -3,8 +3,9 @@ import { sometypeMono, favela } from "@/font/font"; import "./globals.css"; export const metadata: Metadata = { - title: "Nome da Página", + title: "Cinema de rua", description: "Cinema de rua", + assets: "./images/carousel/carousel-1.png" }; export default function RootLayout({ diff --git a/src/components/About/Motivation/styles.module.css b/src/components/About/Motivation/styles.module.css index 19d4ee0..1c750c3 100644 --- a/src/components/About/Motivation/styles.module.css +++ b/src/components/About/Motivation/styles.module.css @@ -86,4 +86,16 @@ color: #2F2012; margin-bottom: 2px; text-decoration: underline; +} + +@media (max-width: 768px) { + .container { + padding: 50px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 50px 20px; + } } \ No newline at end of file diff --git a/src/components/About/Team/styles.module.css b/src/components/About/Team/styles.module.css index 650b161..2f94618 100644 --- a/src/components/About/Team/styles.module.css +++ b/src/components/About/Team/styles.module.css @@ -60,4 +60,16 @@ .separator { width: 100%; padding: 20px 10px; +} + +@media (max-width: 768px) { + .container { + padding: 50px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 50px 20px; + } } \ No newline at end of file diff --git a/src/components/Footer/styles.module.css b/src/components/Footer/styles.module.css index 0323a4b..f4f9f40 100644 --- a/src/components/Footer/styles.module.css +++ b/src/components/Footer/styles.module.css @@ -3,7 +3,7 @@ display: flex; flex-direction: column; align-items: center; - padding: 3rem 0.5rem; + padding: 3rem 60px; } .container-text { @@ -21,3 +21,15 @@ .draw { height: 200px; } + +@media (max-width: 768px) { + .container { + padding: 3rem 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 3rem 20px; + } +} diff --git a/src/components/Map/PopupMarker/index.tsx b/src/components/Map/PopupMarker/index.tsx index 39e0914..68772c8 100644 --- a/src/components/Map/PopupMarker/index.tsx +++ b/src/components/Map/PopupMarker/index.tsx @@ -20,11 +20,11 @@ export interface PopupMarkerProps extends MarkerProps { function selectIcon(type: PopupMarkerProps['type']): string { switch (type) { case "TEMPORARIAMENTE FECHADO": - return "./images/map-marker-temporarily-closed.png"; + return "./images/map-marker-temporarily-closed.svg"; case "SEM FUNCIONAMENTO": - return "./images/map-marker-not-working.png"; + return "./images/map-marker-not-working.svg"; case "EM FUNCIONAMENTO": - return "./images/map-marker-in-operation.png"; + return "./images/map-marker-in-operation.svg"; default: throw new Error("Tipo de marcador inválido."); } diff --git a/src/components/Map/PopupMarker/styles.module.css b/src/components/Map/PopupMarker/styles.module.css index 5a81ebe..a12bdd9 100644 --- a/src/components/Map/PopupMarker/styles.module.css +++ b/src/components/Map/PopupMarker/styles.module.css @@ -2,10 +2,6 @@ background-color: transparent; } -.leaflet-popup-content-wrapper { - background-color: transparent; -} - .popupType { position: relative; top: 0.5rem; @@ -18,11 +14,13 @@ border-top-left-radius: 22px; border-top-right-radius: 22px; +} - font-family: var(--sometypeMono-font); - font-weight: 700; - font-size: 1rem; - line-height: 0.5rem; +.popupType p { + font-family: var(--sometypeMono-font) !important; + font-weight: 700 !important; + font-size: 1.125rem !important; + line-height: 1rem !important; } .popupTitle { @@ -31,8 +29,7 @@ font-family: var(--favela-font); font-weight: 400; font-size: 1.25rem; - /* line-height: 0.75rem; */ - /* color: #9B1915; */ + line-height: 0.75rem; } .popupText { @@ -40,14 +37,9 @@ padding: 20px 35px; margin: 0px; + width: 350px; border-radius: 44px; - font-family: var(--sometypeMono-font); - font-size: 0.75rem; - color: var(--black-900); - font-weight: 500; - text-align: justify; - /* Efeito de elevação */ box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4); /* elevation = 4.dp */ /* Cor ambiente */ @@ -56,8 +48,14 @@ .popupText p { height: 100%; - max-height: 300px; + max-height: 250px; overflow-y: scroll; + + font-family: var(--sometypeMono-font); + color: var(--black-900); + font-weight: 500; + text-align: justify; + font-size: 1rem !important; } .popupText p::-webkit-scrollbar { @@ -85,17 +83,26 @@ .popupTypeClosed { background-color: #F3E8D5; - color: #2F2012; +} + +.popupTypeClosed p { + color: #2F2012 !important;; } .popupTypeInOperation { background-color: #272C61; - color: #F3E8D5; +} + +.popupTypeInOperation p { + color: #F3E8D5 !important; } .popupTypeNotWorking { background-color: #9B1915; - color: #F3E8D5; +} + +.popupTypeNotWorking p { + color: #F3E8D5 !important;; } .popupTitleClosed { diff --git a/src/components/Menu/styles.module.css b/src/components/Menu/styles.module.css index 37de539..a50b4af 100644 --- a/src/components/Menu/styles.module.css +++ b/src/components/Menu/styles.module.css @@ -64,4 +64,16 @@ padding: 10px; border-bottom: 2px solid #F3E8D5; border-radius: 16px; +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionAffected/styles.module.css b/src/components/SessionAffected/styles.module.css index f3ee851..b13118e 100644 --- a/src/components/SessionAffected/styles.module.css +++ b/src/components/SessionAffected/styles.module.css @@ -54,4 +54,16 @@ position: relative; margin-top: -30px; background: linear-gradient(to bottom, transparent 78%, #FFFBF3 22%); +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionAffection/styles.module.css b/src/components/SessionAffection/styles.module.css index 86b80b8..10c6d0d 100644 --- a/src/components/SessionAffection/styles.module.css +++ b/src/components/SessionAffection/styles.module.css @@ -141,4 +141,20 @@ font-family: var(--sometypeMono-font); color: #000000; +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } + + .reportImage { + gap: 80px; + } } \ No newline at end of file diff --git a/src/components/SessionAppreciation/styles.module.css b/src/components/SessionAppreciation/styles.module.css index 7db030c..0e6c38e 100644 --- a/src/components/SessionAppreciation/styles.module.css +++ b/src/components/SessionAppreciation/styles.module.css @@ -114,6 +114,8 @@ .reportImage { display: flex; + flex-wrap: wrap; + gap: 40px; flex-direction: row; justify-items: s; align-items: center; @@ -125,8 +127,22 @@ position: relative; left: -100px; flex: 1; + height: 70vw; + max-height: 70vh; } .reportImage > p { flex: 1; +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionDisappearance/styles.module.css b/src/components/SessionDisappearance/styles.module.css index 08b7bf8..92cb693 100644 --- a/src/components/SessionDisappearance/styles.module.css +++ b/src/components/SessionDisappearance/styles.module.css @@ -143,4 +143,16 @@ font-family: var(--sometypeMono-font); color: #000000; +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionImportance/styles.module.css b/src/components/SessionImportance/styles.module.css index f71c175..cd0840d 100644 --- a/src/components/SessionImportance/styles.module.css +++ b/src/components/SessionImportance/styles.module.css @@ -70,3 +70,15 @@ text-align: justify; color: #2F2012; } + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } +} \ No newline at end of file diff --git a/src/components/SessionMore/index.tsx b/src/components/SessionMore/index.tsx index 4024725..baacebc 100644 --- a/src/components/SessionMore/index.tsx +++ b/src/components/SessionMore/index.tsx @@ -3,6 +3,10 @@ import styles from "./styles.module.css"; export default function SessionMore() { + const handleClick = (path: string) => { + return () => window.location.href = path; + }; + return (
@@ -21,7 +25,7 @@ export default function SessionMore() {

Saiba mais sobre

- +
); diff --git a/src/components/SessionMore/styles.module.css b/src/components/SessionMore/styles.module.css index df45fbf..3f21816 100644 --- a/src/components/SessionMore/styles.module.css +++ b/src/components/SessionMore/styles.module.css @@ -58,4 +58,16 @@ .findOutMore button:hover { background-color: #f5e6cc; cursor: pointer; +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionPanorama/styles.module.css b/src/components/SessionPanorama/styles.module.css index 2b7b24c..4d59890 100644 --- a/src/components/SessionPanorama/styles.module.css +++ b/src/components/SessionPanorama/styles.module.css @@ -126,4 +126,16 @@ margin-top: 10px; margin-bottom: 50px; +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionRevitalize/styles.module.css b/src/components/SessionRevitalize/styles.module.css index 9b58f6a..81d8e9e 100644 --- a/src/components/SessionRevitalize/styles.module.css +++ b/src/components/SessionRevitalize/styles.module.css @@ -55,4 +55,16 @@ position: relative; margin-top: -30px; background: linear-gradient(to bottom, transparent 78%, #FFFBF3 22%); +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file diff --git a/src/components/SessionWhy/styles.module.css b/src/components/SessionWhy/styles.module.css index 3a4826f..e9171e5 100644 --- a/src/components/SessionWhy/styles.module.css +++ b/src/components/SessionWhy/styles.module.css @@ -68,4 +68,16 @@ position: relative; margin-top: -30px; background: linear-gradient(to bottom, transparent 78%, #FFFBF3 22%); +} + +@media (max-width: 768px) { + .container { + padding: 25px 40px; + } +} + +@media (max-width: 667px) { + .container { + padding: 25px 20px; + } } \ No newline at end of file