archiwum/web
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix profbadge padding on mobile, add unused detail stylings

Browse Source
This commit is contained in:
jakubmanczak
2023-01-03 20:05:19 +01:00
parent c85bf3cae5
commit e1c5dcef96
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/ProfileCard/ProfileCard.module.scss
View File

@@ -1,6 +1,6 @@
.profile {
margin: 2rem 0;
background: var(--black1);
background-color: var(--black1);
border-radius: 8px;
box-shadow: var(--shadow0);
animation-name: goIn;
@@ -17,6 +17,8 @@
padding: 1.5rem 1.5rem 1rem 1.5rem;
gap: 1rem;
background-color: var(--black2);
// background-image: radial-gradient(rgba(white, 3%) 0.8px, transparent 0.8px);
// background-size: 8px 8px;
border-radius: 8px 8px 0 0;
@media screen and (max-width: 400px) {
flex-direction: column;
@@ -58,7 +60,7 @@
display: flex;
flex-direction: row;
gap: 1rem;
margin: 8px 0;
padding: 8px 0;
margin-top: auto;
.badge {
display: flex;
@@ -67,7 +69,7 @@
width: initial;
gap: 8px;
padding: 4px 8px;
background: rgba(white, 0.1);
background: var(--black3);
border-radius: 4px;
.dot {
width: 16px;