tinting right pane for visual distinction

This commit is contained in:
Roland Osborne 2024-03-13 14:30:57 -07:00
parent fa9c08222d
commit d7046fb531
4 changed files with 7 additions and 7 deletions

View File

@ -5,7 +5,7 @@ export const AccountWrapper = styled.div`
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: ${props => props.theme.selectedArea}; background-color: ${props => props.theme.itemArea};
color: ${props => props.theme.mainText}; color: ${props => props.theme.mainText};
.header { .header {

View File

@ -38,7 +38,7 @@ export const ProfileWrapper = styled.div`
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
background-color: ${props => props.theme.selectedArea}; background-color: ${props => props.theme.itemArea};
.title { .title {
font-size: 18px; font-size: 18px;
@ -108,7 +108,7 @@ export const ProfileWrapper = styled.div`
align-items: center; align-items: center;
border-radius: 4px; border-radius: 4px;
padding: 8px; padding: 8px;
background-color: ${props => props.theme.selectedArea}; background-color: ${props => props.theme.itemArea};
.details { .details {
align-items: center; align-items: center;
@ -122,7 +122,7 @@ export const ProfileWrapper = styled.div`
.contentFill { .contentFill {
flex-grow: 1; flex-grow: 1;
background-color: ${props => props.theme.selectedArea}; background-color: ${props => props.theme.itemArea};
} }
} }

View File

@ -7,7 +7,7 @@ export const AccountAccessWrapper = styled.div`
justify-content: center; justify-content: center;
padding-bottom: 8px; padding-bottom: 8px;
width: 100%; width: 100%;
background-color: ${props => props.theme.selectedArea}; background-color: ${props => props.theme.itemArea};
color: ${props => props.theme.mainText}; color: ${props => props.theme.mainText};
.account { .account {
@ -39,7 +39,7 @@ export const AccountAccessWrapper = styled.div`
.label { .label {
padding-right: 16px; padding-right: 16px;
min-width: 33%; min-width: 35%;
height: 28px; height: 28px;
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -5,7 +5,7 @@ export const DetailsWrapper = styled.div`
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
background-color: ${props => props.theme.selectedArea}; background-color: ${props => props.theme.itemArea};
color: ${props => props.theme.mainText}; color: ${props => props.theme.mainText};
.actions { .actions {