diff options
| author | jackyzha0 <[email protected]> | 2021-03-06 16:09:51 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-06 16:09:51 -0800 |
| commit | dbf726d9e021a692254defdab8b993063b15354f (patch) | |
| tree | 1853ac5edece80de76346df0bff47cda4e4310ae /frontend/src/components/Watermark.js | |
| parent | fix modal zindex (diff) | |
| download | ctrl-v-dbf726d9e021a692254defdab8b993063b15354f.tar.xz ctrl-v-dbf726d9e021a692254defdab8b993063b15354f.zip | |
update watermark styling
Diffstat (limited to 'frontend/src/components/Watermark.js')
| -rw-r--r-- | frontend/src/components/Watermark.js | 43 |
1 files changed, 25 insertions, 18 deletions
diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js index 6ab212b..2f6c8c6 100644 --- a/frontend/src/components/Watermark.js +++ b/frontend/src/components/Watermark.js @@ -1,25 +1,32 @@ import styled from "styled-components"; import React from "react"; +import Footer from "./Footer"; -const Logo = styled.h1` - position: fixed; - bottom: 0.3em; - left: 0.5em; - opacity: 0.3; - font-size: 50px; - margin: 0 0; - transition: opacity 0.5s cubic-bezier(.25,.8,.25,1); +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; + } - & > a { - text-decoration: none; - position: relative; - color: ${p => p.theme.colors.text}; - } - - &:hover { - opacity: 1; - } + & > h1 { + font-size: 50px; + margin: 0 0; + + & > a { + text-decoration: none; + position: relative; + color: ${p => p.theme.colors.text}; + } + } ` export const Watermark = () => <Logo> - <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a> + <h1> + <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a> + </h1> + <Footer /> </Logo>
\ No newline at end of file |