Add proper profile block on search

This commit is contained in:
Michał Gdula 2023-06-23 14:47:05 +01:00
parent a5143f9335
commit 75da02b8f1
3 changed files with 74 additions and 7 deletions

View file

@ -7,7 +7,7 @@
background-color: rgba($black, 0.5)
border-radius: 2px
border: 1px solid RGBA(var(--white),0.05)
border: 1px solid RGBA($white, 0.05)
> h2
margin: 0 0 0.2rem 0
@ -28,3 +28,59 @@
display: flex
flex-direction: column
gap: 0.5rem
.account-block
margin-bottom: 1rem
padding: 1rem
display: flex
flex-direction: row
gap: 1rem
background-color: rgba($black, 0.5)
border-radius: 2px
border: 1px solid RGBA($white, 0.05)
> img
height: 10rem
width: 10rem
background-color: RGBA($white, 0.02)
border: 1px solid RGBA($white, 0.1)
border-radius: 2px
object-fit: cover
.other
width: 100%
display: flex
flex-direction: column
justify-content: flex-start
gap: 0.5rem
h2
margin: 0
font-size: 1.3rem
color: RGB($white)
p
margin: 0
font-size: 1rem
color: RGB($white)
hr
margin: 0
width: 100%
border: 0 solid transparent
border-bottom: 1px solid RGBA($white, 0.1)
@media (max-width: 621px)
.account-block
flex-direction: column
> img
margin: 0 auto
width: 15rem
height: 15rem