Design improvements

This commit is contained in:
pheralb 2022-02-19 14:04:44 +00:00
parent 6d2bb21c3c
commit b7a13a81df
8 changed files with 83 additions and 86 deletions

View File

@ -1,9 +1,7 @@
<p align="center" style="margin-top:5px"> <p align="center" style="margin-top:5px">
<a href="https://strapi.io/#gh-light-mode-only"> <img src="https://raw.githubusercontent.com/pheralb/svgparty/main/public/images/logo.png" width="85px" alt="svgparty logo" />
<img src="https://iconr.vercel.app/images/logo.png" width="85px" alt="iconr logo" />
</a>
</p> </p>
<h2 align="center">Iconr - Beautiful SVG vector icons</h2> <h2 align="center">SVGParty - Beautiful SVG vector logos</h2>
<br /> <br />
## 🚀 Getting started: ## 🚀 Getting started:
@ -24,4 +22,4 @@ Open [http://localhost:3000](http://localhost:3000) with your browser to see the
## 📦 Deployed on Vercel: ## 📦 Deployed on Vercel:
[https://iconr.vercel.app/](https://iconr.vercel.app/) [https://svgparty.vercel.app/](https://svgparty.vercel.app/)

View File

@ -55,21 +55,20 @@ const Header = () => {
<Hover> <Hover>
<Link href="/" passHref> <Link href="/" passHref>
<Flex cursor="pointer"> <Flex cursor="pointer">
<chakra.a title="iconr" display="flex" alignItems="center"> <chakra.a title="SVGParty" display="flex" alignItems="center">
<Image <Image
src="/images/logo.png" src="/images/logo.png"
boxSize="25px" boxSize="25px"
alt="iconr logo" alt="SVGParty logo"
/> />
<VisuallyHidden>iconr</VisuallyHidden> <VisuallyHidden>SVGParty</VisuallyHidden>
</chakra.a> </chakra.a>
<chakra.h1 <chakra.h1
fontSize="2xl" fontSize="1xl"
fontWeight="bold" fontWeight="bold"
fontFamily="Eina-Bold"
ml="3" ml="3"
> >
iconr SVGParty
</chakra.h1> </chakra.h1>
</Flex> </Flex>
</Link> </Link>
@ -81,7 +80,7 @@ const Header = () => {
display={{ base: "none", md: "inline-flex" }} display={{ base: "none", md: "inline-flex" }}
> >
<Link <Link
href="https://github.com/pheralb/iconr/tree/main/public/library" href="https://github.com/pheralb/SVGParty/tree/main/public/library"
passHref passHref
> >
<Button <Button
@ -92,7 +91,7 @@ const Header = () => {
Library Library
</Button> </Button>
</Link> </Link>
<Link href="https://twitter.com/iconrhq" passHref> <Link href="https://twitter.com/SVGPartyhq" passHref>
<IconButton <IconButton
aria-label="Twitter profile" aria-label="Twitter profile"
bg="transparent" bg="transparent"
@ -101,7 +100,7 @@ const Header = () => {
icon={<IoLogoTwitter size="25" />} icon={<IoLogoTwitter size="25" />}
/> />
</Link> </Link>
<Link href="https://github.com/pheralb/iconr" passHref> <Link href="https://github.com/pheralb/SVGParty" passHref>
<IconButton <IconButton
aria-label="Github Repository" aria-label="Github Repository"
bg="transparent" bg="transparent"
@ -147,7 +146,7 @@ const Header = () => {
Close Close
</Button> </Button>
<Link <Link
href="https://github.com/pheralb/iconr/tree/main/public/library" href="https://github.com/pheralb/SVGParty/tree/main/public/library"
passHref passHref
> >
<Button <Button
@ -160,7 +159,7 @@ const Header = () => {
Library Library
</Button> </Button>
</Link> </Link>
<Link href="https://github.com/pheralb/iconr" passHref> <Link href="https://github.com/pheralb/SVGParty" passHref>
<Button <Button
bg="transparent" bg="transparent"
border="0" border="0"

View File

@ -3,7 +3,6 @@ import useSWR from "swr";
import Grid from "components/grid"; import Grid from "components/grid";
import Card from "components/card"; import Card from "components/card";
import Loader from "animations/loader"; import Loader from "animations/loader";
import { Text } from "@chakra-ui/react";
const fetcher = (url) => fetch(url).then((res) => res.json()); const fetcher = (url) => fetch(url).then((res) => res.json());
@ -16,13 +15,12 @@ const All = () => {
<Grid> <Grid>
{data.map((link) => ( {data.map((link) => (
<> <>
<div key={link.id}> <Card
<Card key={link.id}
title={link.title} title={link.title}
url={`/icon/${link.id}`} url={`/svg/${link.id}`}
href={link.href} href={link.href}
/> />
</div>
</> </>
))} ))}
</Grid> </Grid>

98
package-lock.json generated
View File

@ -1,12 +1,12 @@
{ {
"name": "iconr", "name": "svgparty",
"version": "1.0.2", "version": "1.0.6",
"lockfileVersion": 2, "lockfileVersion": 2,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "iconr", "name": "svgparty",
"version": "1.0.2", "version": "1.0.6",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"@algolia/autocomplete-core": "^1.5.2", "@algolia/autocomplete-core": "^1.5.2",
@ -1260,9 +1260,9 @@
"integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==" "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
}, },
"node_modules/@emotion/is-prop-valid": { "node_modules/@emotion/is-prop-valid": {
"version": "1.1.1", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.1.tgz", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz",
"integrity": "sha512-bW1Tos67CZkOURLc0OalnfxtSXQJMrAMV0jZTVGJUPSOd4qgjF3+tTD5CwJM13PHA8cltGW1WGbbvV9NpvUZPw==", "integrity": "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ==",
"dependencies": { "dependencies": {
"@emotion/memoize": "^0.7.4" "@emotion/memoize": "^0.7.4"
} }
@ -1273,15 +1273,16 @@
"integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==" "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
}, },
"node_modules/@emotion/react": { "node_modules/@emotion/react": {
"version": "11.7.1", "version": "11.8.0",
"resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.1.tgz", "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.8.0.tgz",
"integrity": "sha512-DV2Xe3yhkF1yT4uAUoJcYL1AmrnO5SVsdfvu+fBuS7IbByDeTVx9+wFmvx9Idzv7/78+9Mgx2Hcmr7Fex3tIyw==", "integrity": "sha512-q3Cz0LyO/GGhtXW/dvrf+vFA3o6OlyNttQqgI1mNvtQ5zzJ9Bb1aWQqm1uXOHXpNYvyMaQZWC7eI1cemaSyVRw==",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.13.10", "@babel/runtime": "^7.13.10",
"@emotion/babel-plugin": "^11.7.1",
"@emotion/cache": "^11.7.1", "@emotion/cache": "^11.7.1",
"@emotion/serialize": "^1.0.2", "@emotion/serialize": "^1.0.2",
"@emotion/sheet": "^1.1.0", "@emotion/sheet": "^1.1.0",
"@emotion/utils": "^1.0.0", "@emotion/utils": "^1.1.0",
"@emotion/weak-memoize": "^0.2.5", "@emotion/weak-memoize": "^0.2.5",
"hoist-non-react-statics": "^3.3.1" "hoist-non-react-statics": "^3.3.1"
}, },
@ -1316,15 +1317,15 @@
"integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==" "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
}, },
"node_modules/@emotion/styled": { "node_modules/@emotion/styled": {
"version": "11.6.0", "version": "11.8.0",
"resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.6.0.tgz", "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.8.0.tgz",
"integrity": "sha512-mxVtVyIOTmCAkFbwIp+nCjTXJNgcz4VWkOYQro87jE2QBTydnkiYusMrRGFtzuruiGK4dDaNORk4gH049iiQuw==", "integrity": "sha512-MqHX7qqJesa9X36u3bBvzaK0HmnyclFewSK4uhHl+8s9TFpRMqpakbeHeSGqWCl7QkMhqvPA7oJijZYRsF7nUA==",
"dependencies": { "dependencies": {
"@babel/runtime": "^7.13.10", "@babel/runtime": "^7.13.10",
"@emotion/babel-plugin": "^11.3.0", "@emotion/babel-plugin": "^11.7.1",
"@emotion/is-prop-valid": "^1.1.1", "@emotion/is-prop-valid": "^1.1.2",
"@emotion/serialize": "^1.0.2", "@emotion/serialize": "^1.0.2",
"@emotion/utils": "^1.0.0" "@emotion/utils": "^1.1.0"
}, },
"peerDependencies": { "peerDependencies": {
"@babel/core": "^7.0.0", "@babel/core": "^7.0.0",
@ -1346,9 +1347,9 @@
"integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
}, },
"node_modules/@emotion/utils": { "node_modules/@emotion/utils": {
"version": "1.0.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.0.0.tgz", "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
"integrity": "sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==" "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
}, },
"node_modules/@emotion/weak-memoize": { "node_modules/@emotion/weak-memoize": {
"version": "0.2.5", "version": "0.2.5",
@ -2074,9 +2075,9 @@
} }
}, },
"node_modules/browserslist": { "node_modules/browserslist": {
"version": "4.19.2", "version": "4.19.3",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.2.tgz", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.3.tgz",
"integrity": "sha512-97XU1CTZ5TwU9Qy/Taj+RtiI6SQM1WIhZ9osT7EY0oO2aWXGABZT2OZeRL+6PfaQsiiMIjjwIoYFPq4APgspgQ==", "integrity": "sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==",
"peer": true, "peer": true,
"dependencies": { "dependencies": {
"caniuse-lite": "^1.0.30001312", "caniuse-lite": "^1.0.30001312",
@ -4592,9 +4593,9 @@
} }
}, },
"node_modules/swr": { "node_modules/swr": {
"version": "1.2.1", "version": "1.2.2",
"resolved": "https://registry.npmjs.org/swr/-/swr-1.2.1.tgz", "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.2.tgz",
"integrity": "sha512-1cuWXqJqXcFwbgONGCY4PHZ8v05009JdHsC3CIC6u7d00kgbMswNr1sHnnhseOBxtzVqcCNpOHEgVDciRer45w==", "integrity": "sha512-ky0BskS/V47GpW8d6RU7CPsr6J8cr7mQD6+do5eky3bM0IyJaoi3vO8UhvrzJaObuTlGhPl2szodeB2dUd76Xw==",
"peerDependencies": { "peerDependencies": {
"react": "^16.11.0 || ^17.0.0 || ^18.0.0" "react": "^16.11.0 || ^17.0.0 || ^18.0.0"
} }
@ -5787,9 +5788,9 @@
"integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==" "integrity": "sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow=="
}, },
"@emotion/is-prop-valid": { "@emotion/is-prop-valid": {
"version": "1.1.1", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.1.tgz", "resolved": "https://registry.npmjs.org/@emotion/is-prop-valid/-/is-prop-valid-1.1.2.tgz",
"integrity": "sha512-bW1Tos67CZkOURLc0OalnfxtSXQJMrAMV0jZTVGJUPSOd4qgjF3+tTD5CwJM13PHA8cltGW1WGbbvV9NpvUZPw==", "integrity": "sha512-3QnhqeL+WW88YjYbQL5gUIkthuMw7a0NGbZ7wfFVk2kg/CK5w8w5FFa0RzWjyY1+sujN0NWbtSHH6OJmWHtJpQ==",
"requires": { "requires": {
"@emotion/memoize": "^0.7.4" "@emotion/memoize": "^0.7.4"
} }
@ -5800,15 +5801,16 @@
"integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ==" "integrity": "sha512-igX9a37DR2ZPGYtV6suZ6whr8pTFtyHL3K/oLUotxpSVO2ASaprmAe2Dkq7tBo7CRY7MMDrAa9nuQP9/YG8FxQ=="
}, },
"@emotion/react": { "@emotion/react": {
"version": "11.7.1", "version": "11.8.0",
"resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.7.1.tgz", "resolved": "https://registry.npmjs.org/@emotion/react/-/react-11.8.0.tgz",
"integrity": "sha512-DV2Xe3yhkF1yT4uAUoJcYL1AmrnO5SVsdfvu+fBuS7IbByDeTVx9+wFmvx9Idzv7/78+9Mgx2Hcmr7Fex3tIyw==", "integrity": "sha512-q3Cz0LyO/GGhtXW/dvrf+vFA3o6OlyNttQqgI1mNvtQ5zzJ9Bb1aWQqm1uXOHXpNYvyMaQZWC7eI1cemaSyVRw==",
"requires": { "requires": {
"@babel/runtime": "^7.13.10", "@babel/runtime": "^7.13.10",
"@emotion/babel-plugin": "^11.7.1",
"@emotion/cache": "^11.7.1", "@emotion/cache": "^11.7.1",
"@emotion/serialize": "^1.0.2", "@emotion/serialize": "^1.0.2",
"@emotion/sheet": "^1.1.0", "@emotion/sheet": "^1.1.0",
"@emotion/utils": "^1.0.0", "@emotion/utils": "^1.1.0",
"@emotion/weak-memoize": "^0.2.5", "@emotion/weak-memoize": "^0.2.5",
"hoist-non-react-statics": "^3.3.1" "hoist-non-react-statics": "^3.3.1"
} }
@ -5831,15 +5833,15 @@
"integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g==" "integrity": "sha512-u0AX4aSo25sMAygCuQTzS+HsImZFuS8llY8O7b9MDRzbJM0kVJlAz6KNDqcG7pOuQZJmj/8X/rAW+66kMnMW+g=="
}, },
"@emotion/styled": { "@emotion/styled": {
"version": "11.6.0", "version": "11.8.0",
"resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.6.0.tgz", "resolved": "https://registry.npmjs.org/@emotion/styled/-/styled-11.8.0.tgz",
"integrity": "sha512-mxVtVyIOTmCAkFbwIp+nCjTXJNgcz4VWkOYQro87jE2QBTydnkiYusMrRGFtzuruiGK4dDaNORk4gH049iiQuw==", "integrity": "sha512-MqHX7qqJesa9X36u3bBvzaK0HmnyclFewSK4uhHl+8s9TFpRMqpakbeHeSGqWCl7QkMhqvPA7oJijZYRsF7nUA==",
"requires": { "requires": {
"@babel/runtime": "^7.13.10", "@babel/runtime": "^7.13.10",
"@emotion/babel-plugin": "^11.3.0", "@emotion/babel-plugin": "^11.7.1",
"@emotion/is-prop-valid": "^1.1.1", "@emotion/is-prop-valid": "^1.1.2",
"@emotion/serialize": "^1.0.2", "@emotion/serialize": "^1.0.2",
"@emotion/utils": "^1.0.0" "@emotion/utils": "^1.1.0"
} }
}, },
"@emotion/unitless": { "@emotion/unitless": {
@ -5848,9 +5850,9 @@
"integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg==" "integrity": "sha512-OWORNpfjMsSSUBVrRBVGECkhWcULOAJz9ZW8uK9qgxD+87M7jHRcvh/A96XXNhXTLmKcoYSQtBEX7lHMO7YRwg=="
}, },
"@emotion/utils": { "@emotion/utils": {
"version": "1.0.0", "version": "1.1.0",
"resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.0.0.tgz", "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.1.0.tgz",
"integrity": "sha512-mQC2b3XLDs6QCW+pDQDiyO/EdGZYOygE8s5N5rrzjSI4M3IejPE/JPndCBwRT9z982aqQNi6beWs1UeayrQxxA==" "integrity": "sha512-iRLa/Y4Rs5H/f2nimczYmS5kFJEbpiVvgN3XVfZ022IYhuNA1IRSHEizcof88LtCTXtl9S2Cxt32KgaXEu72JQ=="
}, },
"@emotion/weak-memoize": { "@emotion/weak-memoize": {
"version": "0.2.5", "version": "0.2.5",
@ -6335,9 +6337,9 @@
} }
}, },
"browserslist": { "browserslist": {
"version": "4.19.2", "version": "4.19.3",
"resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.2.tgz", "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.19.3.tgz",
"integrity": "sha512-97XU1CTZ5TwU9Qy/Taj+RtiI6SQM1WIhZ9osT7EY0oO2aWXGABZT2OZeRL+6PfaQsiiMIjjwIoYFPq4APgspgQ==", "integrity": "sha512-XK3X4xtKJ+Txj8G5c30B4gsm71s69lqXlkYui4s6EkKxuv49qjYlY6oVd+IFJ73d4YymtM3+djvvt/R/iJwwDg==",
"peer": true, "peer": true,
"requires": { "requires": {
"caniuse-lite": "^1.0.30001312", "caniuse-lite": "^1.0.30001312",
@ -8189,9 +8191,9 @@
"integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==" "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
}, },
"swr": { "swr": {
"version": "1.2.1", "version": "1.2.2",
"resolved": "https://registry.npmjs.org/swr/-/swr-1.2.1.tgz", "resolved": "https://registry.npmjs.org/swr/-/swr-1.2.2.tgz",
"integrity": "sha512-1cuWXqJqXcFwbgONGCY4PHZ8v05009JdHsC3CIC6u7d00kgbMswNr1sHnnhseOBxtzVqcCNpOHEgVDciRer45w==", "integrity": "sha512-ky0BskS/V47GpW8d6RU7CPsr6J8cr7mQD6+do5eky3bM0IyJaoi3vO8UhvrzJaObuTlGhPl2szodeB2dUd76Xw==",
"requires": {} "requires": {}
}, },
"text-table": { "text-table": {

View File

@ -1,7 +1,7 @@
{ {
"name": "iconr", "name": "svgparty",
"version": "1.0.5", "version": "1.0.6",
"description": "Beautiful SVG vector icons", "description": "Beautiful SVG vector logos",
"author": "pheralb", "author": "pheralb",
"license": "MIT", "license": "MIT",
"scripts": { "scripts": {

View File

@ -18,21 +18,21 @@ function MyApp({ Component, pageProps }) {
return ( return (
<> <>
<Head> <Head>
<title>iconr - Beautiful SVG vector icons</title> <title>SVGParty - Beautiful SVG vector logos</title>
<meta name="description" content="SVGs for everyone, totally free" /> <meta name="description" content="SVGs for everyone, totally free" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta <meta
property="og:title" property="og:title"
content="iconr - Beautiful SVG vector icons" content="SVGParty - Beautiful SVG logos"
/> />
<meta property="og:url" content="https://iconr.vercel.app/" /> <meta property="og:url" content="https://svgparty.vercel.app/" />
<meta <meta
property="og:description" property="og:description"
content="Beautiful SVG vector icons. Free and open source." content="Beautiful SVG logos. Free and open source."
/> />
<meta <meta
property="og:image" property="og:image"
content="https://iconr.vercel.app/images/banner.png" content="https://svgparty.vercel.app/images/banner.png"
/> />
<meta name="keywords" content="svg,vector,logo,logos,download" /> <meta name="keywords" content="svg,vector,logo,logos,download" />
<meta content="#16161a" name="theme-color" /> <meta content="#16161a" name="theme-color" />

View File

@ -1,4 +1,4 @@
import { chakra, Box, Container } from "@chakra-ui/react"; import { chakra, Box, Container, Text } from "@chakra-ui/react";
import Search from "components/search"; import Search from "components/search";
import Items from "components/items/all"; import Items from "components/items/all";
import Show from "animations/show"; import Show from "animations/show";
@ -17,13 +17,13 @@ export default function Index() {
fontWeight="extrabold" fontWeight="extrabold"
mb={{ base: 4, md: 8 }} mb={{ base: 4, md: 8 }}
> >
Beautiful SVG vector icons Beautiful SVG vector logos
</chakra.h1> </chakra.h1>
</Show> </Show>
<Search /> <Search />
<Box mt={{ base: 4, md: 8 }}> </Box>
<Items /> <Box mt={{ base: 4, md: 8 }}>
</Box> <Items />
</Box> </Box>
</Box> </Box>
</Box> </Box>

View File

@ -43,7 +43,7 @@ export default function Icon() {
return ( return (
<> <>
<Head> <Head>
<title>{data.title} - iconr</title> <title>{data.title} - SVGParty</title>
</Head> </Head>
<Show delay="0"> <Show delay="0">
<Container <Container