diff --git a/src/LandingPage.jsx b/src/LandingPage.jsx index 2e345ba..a77a894 100644 --- a/src/LandingPage.jsx +++ b/src/LandingPage.jsx @@ -9,8 +9,9 @@ import lastStyles from "./styles/landingpageLast.module.css"; import footerStyles from "./styles/footer.module.css"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faGithub, faInstagram, faSnapchat, faYoutube } from "@fortawesome/free-brands-svg-icons"; +import { faGithub, faReact, faSnapchat } from "@fortawesome/free-brands-svg-icons"; import { useNavigate } from "react-router-dom"; +import { faEnvelope } from "@fortawesome/free-solid-svg-icons"; function LandingPage() { const navigator = useNavigate(); @@ -194,10 +195,28 @@ function LandingPage() {
- - - - + { + window.open("https://github.com/istoleabread/snippet-share"); + }} + title="Snippet Sphere is open-source!" + /> + { + window.open("mailto://snippetsphere@advik.dev"); + }} + title="Email us!" + /> + +
diff --git a/src/assets/laptop-snippet-sphere-cut.svg b/src/assets/laptop-snippet-sphere-cut.svg index a46b073..14a2482 100644 --- a/src/assets/laptop-snippet-sphere-cut.svg +++ b/src/assets/laptop-snippet-sphere-cut.svg @@ -10,7 +10,7 @@ - + @@ -46,6 +46,6 @@ - + diff --git a/src/assets/laptop-snippet-sphere.svg b/src/assets/laptop-snippet-sphere.svg index be6f226..89bef98 100644 --- a/src/assets/laptop-snippet-sphere.svg +++ b/src/assets/laptop-snippet-sphere.svg @@ -1,16 +1,16 @@ - - - + + + - - - + + + - + @@ -46,6 +46,6 @@ - + diff --git a/src/assets/mobile.svg b/src/assets/mobile.svg index a2c26d4..e2f2219 100644 --- a/src/assets/mobile.svg +++ b/src/assets/mobile.svg @@ -1,7 +1,7 @@ - + @@ -19,6 +19,6 @@ - + diff --git a/src/assets/snippets.svg b/src/assets/snippets.svg index ebaba1c..4539def 100644 --- a/src/assets/snippets.svg +++ b/src/assets/snippets.svg @@ -1,18 +1,16 @@ - + - - - - + + - + - + - - + + diff --git a/src/components/CodeEditor.jsx b/src/components/CodeEditor.jsx index a7176e4..b640679 100644 --- a/src/components/CodeEditor.jsx +++ b/src/components/CodeEditor.jsx @@ -96,7 +96,7 @@ export default function CodeEditor() { <> {loading && } {snippetNotFound && } - {showSuccess && } + {showSuccess && } {!snippetNotFound && (isPublic || (user !== null && user.uid === uid)) && (
diff --git a/src/components/Snippet.jsx b/src/components/Snippet.jsx index 294e303..8d965a4 100644 --- a/src/components/Snippet.jsx +++ b/src/components/Snippet.jsx @@ -126,7 +126,6 @@ function Header({ addSnippet, searchValue, setSearchValue }) {
-
diff --git a/src/styles/Snippet.module.css b/src/styles/Snippet.module.css index 1074150..9d3b64d 100644 --- a/src/styles/Snippet.module.css +++ b/src/styles/Snippet.module.css @@ -220,7 +220,7 @@ padding: 10px; padding-bottom: 0; color: #e0e0e0; - padding-right: 25px; + padding-right: 35px; } & p { diff --git a/src/styles/codeEditor.module.css b/src/styles/codeEditor.module.css index ff33374..67c8fe1 100644 --- a/src/styles/codeEditor.module.css +++ b/src/styles/codeEditor.module.css @@ -1,5 +1,5 @@ -.ant-alert-success { - position: absolute; +.successBox { + position: fixed; top: 20px; right: 20px; } @@ -31,6 +31,8 @@ font-family: 'Montserrat', sans-serif; color: #e0e0e0; outline: none; + width: 100%; + max-width: 600px; &:focus { border-bottom: 1px solid; diff --git a/src/styles/features.module.css b/src/styles/features.module.css index 225bf9e..07ebd13 100644 --- a/src/styles/features.module.css +++ b/src/styles/features.module.css @@ -18,7 +18,7 @@ border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top: none; - padding: 50px; + padding: 80px 10px; box-shadow: 0px 10px 31px -7px var(--bg-color); margin-bottom: 50px; @@ -141,13 +141,15 @@ } .heading { + padding: 50px 0px !important; + & img { margin-top: 0 !important; width: 100%; } & p { - font-size: 1.2rem !important; + font-size: 2rem !important; } } diff --git a/src/styles/footer.module.css b/src/styles/footer.module.css index 40e450c..f4eabb6 100644 --- a/src/styles/footer.module.css +++ b/src/styles/footer.module.css @@ -49,6 +49,10 @@ padding-right: 2rem; justify-content: flex-end; + & svg { + cursor: pointer; + } + & svg:not(:last-child) { margin-right: 2rem;