diff options
| author | jackyzha0 <[email protected]> | 2021-03-05 22:17:18 -0800 |
|---|---|---|
| committer | jackyzha0 <[email protected]> | 2021-03-05 22:17:18 -0800 |
| commit | 3e8500d466b641ef34c24f8b0de8163a44ba7a9e (patch) | |
| tree | ebb3411d636912b12f9fee14ecd494601cd796fc /frontend/src/components/Watermark.js | |
| parent | remove extra langs (diff) | |
| download | ctrl-v-3e8500d466b641ef34c24f8b0de8163a44ba7a9e.tar.xz ctrl-v-3e8500d466b641ef34c24f8b0de8163a44ba7a9e.zip | |
refactoring css
Diffstat (limited to 'frontend/src/components/Watermark.js')
| -rw-r--r-- | frontend/src/components/Watermark.js | 26 |
1 files changed, 26 insertions, 0 deletions
diff --git a/frontend/src/components/Watermark.js b/frontend/src/components/Watermark.js new file mode 100644 index 0000000..027aeb6 --- /dev/null +++ b/frontend/src/components/Watermark.js @@ -0,0 +1,26 @@ +import styled from "styled-components"; +import React from "react"; + +const Logo = styled.h1` + position: absolute; + bottom: 0.75em; + left: 1em; + opacity: 0.3; + font-size: 50px; + margin: 0 0; + transition: opacity 0.5s cubic-bezier(.25,.8,.25,1); + + & > a { + text-decoration: none; + position: relative; + color: ${p => p.theme.colors.text}; + + } + + &:hover { + opacity: 1; + } +` +export const Watermark = () => <Logo> + <a href="https://github.com/jackyzha0/ctrl-v">ctrl-v</a> +</Logo>
\ No newline at end of file |