RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-12 12:04:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

avatar more bigger

Browse Source
This commit is contained in:
srgooglo 2022-06-01 21:41:25 +02:00
parent 2af42b80e7
commit 81fb5c9d9c
1 changed files with 32 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
packages/app/src/pages/account/index.less
View File

@ -4,8 +4,8 @@
padding: 0 20px; padding: 0 20px;
.cover { .cover {
z-index : 50; z-index: 50;
position : relative; position: relative;
border-radius: @borderRadius @borderRadius 0 0; border-radius: @borderRadius @borderRadius 0 0;
outline: 1px solid var(--border-color); outline: 1px solid var(--border-color);
@ -14,7 +14,7 @@
width: 100%; width: 100%;
background-position: center; background-position: center;
background-size : cover; background-size: cover;
height: 18vh; height: 18vh;
@ -22,32 +22,35 @@
} }
.profileCard { .profileCard {
z-index : 51; z-index: 51;
position: relative; position: relative;
display : flex; display: flex;
flex-direction: column; flex-direction: column;
color : var(--background-color-contrast); color: var(--background-color-contrast);
background-color: var(--background-color-primary); background-color: var(--background-color-primary);
border : 1px solid var(--border-color); border: 1px solid var(--border-color);
border-radius: @borderRadius; border-radius: @borderRadius;
padding: 20px 15px; padding: 20px 15px;
.basicData { .basicData {
display : inline-flex; display: inline-flex;
flex-direction : row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
margin-bottom: 15px; margin-bottom: 15px;
.avatar { .avatar {
width: 100px;
height: 100px;
img { img {
width : 70px; width: 100%;
height : 70px; height: 100%;
border-radius: 4px; border-radius: 8px;
} }
} }
@ -56,13 +59,13 @@
} }
.title { .title {
display : inline-flex; display: inline-flex;
flex-direction: row; flex-direction: row;
align-items : center; align-items: center;
} }
.field { .field {
display : inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
margin-right: 15px; margin-right: 15px;
@ -70,7 +73,7 @@
h1 { h1 {
margin: 0; margin: 0;
font-size : 35px; font-size: 35px;
line-height: 37px; line-height: 37px;
} }
@ -83,25 +86,25 @@
.description { .description {
p { p {
word-break: break-all; word-break: break-all;
margin : 0; margin: 0;
} }
} }
.extension { .extension {
position: relative; position: relative;
display : inline-flex; display: inline-flex;
top : -10px; top: -10px;
width : 100%; width: 100%;
padding: 19px 10px 10px 10px; padding: 19px 10px 10px 10px;
border-top : 0; border-top: 0;
border-right: 0; border-right: 0;
border-style: solid; border-style: solid;
border-width: 1px; border-width: 1px;
border-color : var(--border-color); border-color: var(--border-color);
border-top-color: transparent; border-top-color: transparent;
border-radius: 0 0 @borderRadius @borderRadius; border-radius: 0 0 @borderRadius @borderRadius;
@ -137,17 +140,17 @@
} }
.ant-tabs-tab { .ant-tabs-tab {
margin-right : 20px !important; margin-right: 20px !important;
padding : 8px 20px !important; padding: 8px 20px !important;
border-color : var(--border-color) !important; border-color: var(--border-color) !important;
background-color: var(--background-color-primary) !important; background-color: var(--background-color-primary) !important;
border-radius : 4px !important; border-radius: 4px !important;
svg { svg {
font-size: 1rem; font-size: 1rem;
margin : 0 !important; margin: 0 !important;
} }
} }
} }