cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Gradient Avatar

Browse Source
This commit is contained in:
Belen Curcio 2020-10-14 12:44:03 -03:00
parent 305b7b87db
commit ced85970f8
4 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/core/Avatar/Avatar.tsx
View File

@ -10,12 +10,13 @@ interface Props {
const Avatar: FC<Props> = ({ className }) => { const Avatar: FC<Props> = ({ className }) => {
const rootClassName = cn(s.root, className) const rootClassName = cn(s.root, className)
return ( return (
<div className={rootClassName}> <div
<img className="inline-block h-8 w-8 rounded-full border border-accent"
className="inline-block h-8 w-8 rounded-full" style={{
src="https://vercel.com/api/www/avatar/61182a9f6bda512b4d9263c9c8a60aabe0402f4c?s=204" backgroundImage: 'linear-gradient(160deg, #F9CB28, #FF4D4D 100%)',
alt="" }}
></img> >
{/* <img></img> */}
</div> </div>
) )
} }

1
package.json
View File

@ -28,6 +28,7 @@
"next": "^9.5.4", "next": "^9.5.4",
"next-seo": "^4.11.0", "next-seo": "^4.11.0",
"next-themes": "^0.0.4", "next-themes": "^0.0.4",
"nextjs-progressbar": "^0.0.6",
"postcss-nesting": "^7.0.1", "postcss-nesting": "^7.0.1",
"react": "^16.13.1", "react": "^16.13.1",
"react-aria": "^3.0.0", "react-aria": "^3.0.0",

1
tailwind.config.js
View File

@ -17,6 +17,7 @@ module.exports = {
'accent-1': '#FAFAFA', 'accent-1': '#FAFAFA',
'accent-2': '#F1F3F5', 'accent-2': '#F1F3F5',
'accent-4': '#888', 'accent-4': '#888',
'accent-6': '#E5E5E5',
'accent-8': '#111111', 'accent-8': '#111111',
violet: '#7928CA', violet: '#7928CA',
pink: '#FF0080', pink: '#FF0080',

12
yarn.lock
View File

@ -5756,6 +5756,13 @@ next@^9.5.4:
webpack "4.44.1" webpack "4.44.1"
webpack-sources "1.4.3" webpack-sources "1.4.3"
nextjs-progressbar@^0.0.6:
version "0.0.6"
resolved "https://registry.yarnpkg.com/nextjs-progressbar/-/nextjs-progressbar-0.0.6.tgz#d1841df42f2342807dc6f7ad1034ddb8ec8541d4"
integrity sha512-9sxNpUSHOnmRV8/3yEZ9NV5c/ip2CpQ7jim3EOOZp49qIHrgNxmy/kzoulNjt50AlA7pAu/8rwgC2WpzmSMrdg==
dependencies:
nprogress "^0.2.0"
no-case@^3.0.3: no-case@^3.0.3:
version "3.0.3" version "3.0.3"
resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8" resolved "https://registry.yarnpkg.com/no-case/-/no-case-3.0.3.tgz#c21b434c1ffe48b39087e86cfb4d2582e9df18f8"
@ -5843,6 +5850,11 @@ normalize.css@^8.0.1:
resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3" resolved "https://registry.yarnpkg.com/normalize.css/-/normalize.css-8.0.1.tgz#9b98a208738b9cc2634caacbc42d131c97487bf3"
integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg== integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==
nprogress@^0.2.0:
version "0.2.0"
resolved "https://registry.yarnpkg.com/nprogress/-/nprogress-0.2.0.tgz#cb8f34c53213d895723fcbab907e9422adbcafb1"
integrity sha1-y480xTIT2JVyP8urkH6UIq28r7E=
nullthrows@^1.1.1: nullthrows@^1.1.1:
version "1.1.1" version "1.1.1"
resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1" resolved "https://registry.yarnpkg.com/nullthrows/-/nullthrows-1.1.1.tgz#7818258843856ae971eae4208ad7d7eb19a431b1"