import { ButtonLink } from '@components/Buttons'; import Copyright from '@components/Copyright/Copyright'; import FooterNav from '@components/FooterNav/FooterNav'; import { ArrowIcon } from '@components/Icons'; import { t } from '@lingui/macro'; import { useEffect, useState } from 'react'; import styles from './Footer.module.scss'; const Footer = () => { const [backToTopClasses, setBackToTopClasses] = useState( `${styles['back-to-top']} ${styles['back-to-top--hidden']}` ); const handleScroll = () => { const currentScrollY = window.scrollY; if (currentScrollY > 300) { setBackToTopClasses( `${styles['back-to-top']} ${styles['back-to-top--visible']}` ); } else { setBackToTopClasses( `${styles['back-to-top']} ${styles['back-to-top--hidden']}` ); } }; useEffect(() => { window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); return ( ); }; export default Footer; > summaryrefslogtreecommitdiffstats
path: root/src/components/organisms/layout/footer.module.scss
blob: c180e8668f8a5fd6d0fba851d53cf22acef2732a (plain) 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

@use "@styles/abstracts/functions" as fun;
@use "@styles/abstracts/mixins" as mix;

.wrapper {
  display: flex;
  flex-flow: column wrap;
  gap: var(--spacing-xs);
  place-items: center;
  place-content: center;
  padding: var(--spacing-md) 0 calc(var(--toolbar-size) + var(--spacing-md));

  @include mix.media("screen") {
    @include mix.dimensions("sm") {
      --toolbar-size: 0px;

      flex-flow: row wrap;
      font-size: var(--font-size-sm);
    }
  }
}

.nav {
  display: flex;
  flex-flow: row wrap;

  @include mix.media("screen") {
    @include mix.dimensions("sm") {
      &::before {
        content: "\2022";
        margin-right: var(--spacing-2xs);
      }
    }
  }
}

.back-to-top {
  position: fixed;
  bottom: calc(var(--toolbar-size, 0px) + var(--spacing-md));
  right: var(--spacing-md);
  transition: all 0.4s ease-in 0s;
}
generated by cgit v1.2.3 (git 2.39.1) at 2025-11-01 20:14:52 +0000