Make credits responsive.

2022-01-11 22:48:46 +02:00
parent 4cf8414685
commit 05d5e0400a
2 changed files with 12 additions and 1 deletions
--- a/src/components/Credits.scss
+++ b/src/components/Credits.scss
@@ -10,3 +10,14 @@
    margin-right: 1rem;
  }
 }
+
+@media screen and (max-width: 600px) {
+  .Credits {
+    font-size: 1rem;
+
+    span::after {
+      content: '\A';
+      white-space: pre;
+    }
+  }
+}
--- a/src/components/Credits.tsx
+++ b/src/components/Credits.tsx
@@ -10,7 +10,7 @@ export const Credits = () => {
          <FormattedMessage id='common.sourceCode' /> codevictory
        </a>
      </span>
-      <span className='separator'>|</span>
+      <span className='separator'>~</span>
      <span>
        <FormattedMessage id='common.design' /> Jana Černá
      </span>