bravo68web
/
bravo68web-portfolio-nextjs
mirror of https://github.com/BRAVO68WEB/bravo68web-portfolio-nextjs.git
1
1
Fork 0
Code Issues Projects Releases Wiki Activity

reworked discord banner component

This commit is contained in:
Jyotirmoy Bandyopadhayaya 2023-07-07 09:31:19 +00:00
parent 44744399ad
commit 829849e76b
No known key found for this signature in database
GPG Key ID: 3C83E0D139DC0CBD
3 changed files with 3435 additions and 4257 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
components/discord-activity.style.jsx
View File

@ -6,16 +6,14 @@ export const DicordActivityStyle = styled.div`
align-items: center; align-items: center;
justify-content: start; justify-content: start;
width: 400px; width: 400px;
min-height: 75px; height: 135px;
min-height: 80px;
background: rgb(131, 58, 180); background: rgb(131, 58, 180);
background: linear-gradient( background: linear-gradient(180deg, #472DE8 0%, #2622E5 100%);
90deg,
rgba(131, 58, 180, 1) 0%,
rgba(253, 29, 29, 1) 50%,
rgba(252, 176, 69, 1) 100%
);
border-radius: 6px; border-radius: 6px;
padding: 0.3em 0.8em; padding: 0.3em 0.8em;
border-style: solid;
border-width: 3.2px;
.discord-icons { .discord-icons {
display: flex; display: flex;
@ -35,6 +33,8 @@ export const DicordActivityStyle = styled.div`
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
border-radius: 6px; border-radius: 6px;
border-style: solid;
border-width: 3.2px;
} }
} }
.discord-small-icon { .discord-small-icon {
@ -49,6 +49,8 @@ export const DicordActivityStyle = styled.div`
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
border-radius: 50px; border-radius: 50px;
border-style: solid;
border-width: 3.2px;
} }
} }
} }
@ -56,12 +58,40 @@ export const DicordActivityStyle = styled.div`
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 1em; margin-left: 1em;
font-size: 0.9em; margin-top: -0.8em;
// font-size: 0.9em;
} }
.discord-message-application { .discord-message-application {
font-size: 1.3em; color: #FFF;
font-family: Source Code Pro;
font-size: 20px;
font-style: normal;
font-weight: 800;
line-height: normal;
} }
.discord-message-activity { .discord-message-activity {
font-size: 1.1em; display: flex;
width: 276px;
height: 44px;
flex-direction: column;
color: #FFF;
font-family: Source Code Pro;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.discord-message-files {
display: flex;
width: 252px;
height: 40px;
flex-direction: column;
color: #FFF;
font-family: Source Code Pro;
font-size: 13px;
font-style: normal;
font-weight: 600;
line-height: normal;
} }
`; `;

26
package.json
View File

@ -22,28 +22,28 @@
"prettier": "prettier --write ." "prettier": "prettier --write ."
}, },
"dependencies": { "dependencies": {
"@emotion/react": "^11.7.1", "@emotion/react": "^11.11.1",
"@emotion/styled": "^11.6.0", "@emotion/styled": "^11.11.0",
"@mui/icons-material": "^5.3.0", "@mui/icons-material": "^5.13.7",
"@mui/material": "^5.3.0", "@mui/material": "^5.13.7",
"@pdftron/webviewer": "^8.3.3", "@pdftron/webviewer": "^10.2.3",
"axios": "^0.26.1", "axios": "^0.26.1",
"ciao-status-fetch": "^1.0.1", "ciao-status-fetch": "^1.0.1",
"core-js": "^3.21.1", "core-js": "^3.31.1",
"date-format-parse": "^0.2.7", "date-format-parse": "^0.2.7",
"fs-extra": "^10.0.1", "fs-extra": "^10.1.0",
"html-to-text": "^9.0.4", "html-to-text": "^9.0.5",
"next": "^13.1.1", "next": "^13.4.9",
"next-connect": "^0.12.2", "next-connect": "^0.12.2",
"react": "^18.2.0", "react": "^18.2.0",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-use-lanyard": "^0.1.1", "react-use-lanyard": "^0.3.0",
"sitemap": "^7.1.1", "sitemap": "^7.1.1",
"styled-components": "^5.3.7" "styled-components": "^5.3.11"
}, },
"devDependencies": { "devDependencies": {
"eslint": "^7.32.0", "eslint": "^7.32.0",
"eslint-config-next": "^13.1.1", "eslint-config-next": "^13.4.9",
"prettier": "^2.6.2" "prettier": "^3.0.0"
} }
} }

7616
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff