reworked discord banner component
This commit is contained in:
parent
44744399ad
commit
829849e76b
|
@ -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;
|
||||
|
||||
}
|
||||
`;
|
||||
|
|
26
package.json
26
package.json
|
@ -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"
|
||||
}
|
||||
}
|
||||
|
|
7616
pnpm-lock.yaml
7616
pnpm-lock.yaml
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue