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

View File

@ -6,16 +6,14 @@ export const DicordActivityStyle = styled.div`
align-items: center;
justify-content: start;
width: 400px;
min-height: 75px;
height: 135px;
min-height: 80px;
background: rgb(131, 58, 180);
background: linear-gradient(
90deg,
rgba(131, 58, 180, 1) 0%,
rgba(253, 29, 29, 1) 50%,
rgba(252, 176, 69, 1) 100%
);
background: linear-gradient(180deg, #472DE8 0%, #2622E5 100%);
border-radius: 6px;
padding: 0.3em 0.8em;
border-style: solid;
border-width: 3.2px;
.discord-icons {
display: flex;
@ -35,6 +33,8 @@ export const DicordActivityStyle = styled.div`
max-width: 100%;
object-fit: contain;
border-radius: 6px;
border-style: solid;
border-width: 3.2px;
}
}
.discord-small-icon {
@ -49,6 +49,8 @@ export const DicordActivityStyle = styled.div`
max-width: 100%;
object-fit: contain;
border-radius: 50px;
border-style: solid;
border-width: 3.2px;
}
}
}
@ -56,12 +58,40 @@ export const DicordActivityStyle = styled.div`
display: flex;
flex-direction: column;
margin-left: 1em;
font-size: 0.9em;
margin-top: -0.8em;
// font-size: 0.9em;
}
.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 {
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;
}
`;

View File

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

File diff suppressed because it is too large Load Diff