diff options
Diffstat (limited to 'frontend/src/components/Watermark.js')
| -rw-r--r-- | frontend/src/components/Watermark.js | 53 |
1 files changed, 31 insertions, 22 deletions
diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js index 2f6c8c6..60c0407 100644 --- a/frontend/src/components/Watermark.js +++ b/frontend/src/components/Watermark.js @@ -3,30 +3,39 @@ import React from "react"; import Footer from "./Footer"; const Logo = styled.div` - position: fixed; - bottom: 1em; - left: 2em; - opacity: 0.3; - transition: opacity 0.5s cubic-bezier(.25,.8,.25,1); - - &:hover { - opacity: 1; - } + position: fixed; + bottom: 1em; + left: 2em; + opacity: 0.3; + transition: opacity 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); + + &:hover { + opacity: 1; + } - & > h1 { - font-size: 50px; - margin: 0 0; - - & > a { - text-decoration: none; - position: relative; - color: ${p => p.theme.colors.text}; - } + & > h1 { + font-size: 50px; + margin: 0 0; + + & > a { + text-decoration: none; + position: relative; + color: ${(p) => p.theme.colors.text}; } -` -export const Watermark = () => <Logo> + } + + @media (max-width: 960px) { + position: relative; + display: grid; + left: -6em; + font-size: 10px; + } +`; +export const Watermark = () => ( + <Logo> <h1> - <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a> + <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a> </h1> <Footer /> -</Logo>
\ No newline at end of file + </Logo> +); |