diff options
| -rw-r--r-- | public/css/modules/back-to-top.css | 4 | ||||
| -rw-r--r-- | public/css/modules/index.css | 3 | ||||
| -rw-r--r-- | public/main.css | 11 | ||||
| -rw-r--r-- | src/components/Footer.astro | 2 |
4 files changed, 7 insertions, 13 deletions
diff --git a/public/css/modules/back-to-top.css b/public/css/modules/back-to-top.css new file mode 100644 index 0000000..038f67b --- /dev/null +++ b/public/css/modules/back-to-top.css @@ -0,0 +1,4 @@ +.back-to-top { + width: fit-content; + margin-inline-start: auto; +}
\ No newline at end of file diff --git a/public/css/modules/index.css b/public/css/modules/index.css index 8766ef5..6a5cef1 100644 --- a/public/css/modules/index.css +++ b/public/css/modules/index.css @@ -1,3 +1,4 @@ @import './btn.css'; @import './link.css'; -@import './news-index.css';
\ No newline at end of file +@import './news-index.css'; +@import './back-to-top.css';
\ No newline at end of file diff --git a/public/main.css b/public/main.css index bb313b1..bc2f9b3 100644 --- a/public/main.css +++ b/public/main.css @@ -112,17 +112,6 @@ footer { padding-inline: max(10%, calc((100% - var(--max-width-all-content)) / 2));; } -.back-to-top-link { - width: fit-content; - margin-inline: auto; -} - -@media (min-width: 50rem) { - .back-to-top-link { - margin-inline-end: 0; - } -} - .product__header-block { display: flex; flex-wrap: wrap; diff --git a/src/components/Footer.astro b/src/components/Footer.astro index c636c8d..f1ee19c 100644 --- a/src/components/Footer.astro +++ b/src/components/Footer.astro @@ -8,7 +8,7 @@ const t = translate(locale); --- <footer> - <p class="back-to-top-link"> + <p class="back-to-top"> <a class="btn" href="#top">▴ {t(tSite, { key: 'back-to-top' })}</a> </p> </footer> |