feat: updated styling for setting list items

pull/2521/head
William Grant 3 years ago
parent 060cbd3bbf
commit 0ab882ec86

@ -26,7 +26,6 @@ export const StyledDescriptionSettingsItem = styled.div`
font-size: var(--font-size-sm); font-size: var(--font-size-sm);
font-weight: 400; font-weight: 400;
max-width: 700px; max-width: 700px;
color: var(--color-text-subtle);
`; `;
export const StyledTitleSettingsItem = styled.div` export const StyledTitleSettingsItem = styled.div`
@ -47,10 +46,12 @@ const StyledDescriptionContainer = styled(StyledDescriptionSettingsItem)`
export const StyledSettingItem = styled.div` export const StyledSettingItem = styled.div`
font-size: var(--font-size-md); font-size: var(--font-size-md);
padding: var(--margins-lg); padding: var(--margins-lg);
margin-bottom: var(--margins-lg);
background: var(--color-cell-background); background: var(--settings-tab-background-color);
color: var(--color-text); color: var(--settings-tab-text-color);
border-bottom: var(--border-session); border-top: 1px solid var(--border-color);
border-bottom: 1px solid var(--border-color);
`; `;
const StyledSettingItemInline = styled(StyledSettingItem)` const StyledSettingItemInline = styled(StyledSettingItem)`
@ -61,9 +62,12 @@ const StyledSettingItemInline = styled(StyledSettingItem)`
`; `;
const StyledSettingItemClickable = styled(StyledSettingItemInline)` const StyledSettingItemClickable = styled(StyledSettingItemInline)`
:hover {
background: var(--color-clickable-hovered);
cursor: pointer; cursor: pointer;
:hover {
background: var(--settings-tab-background-hover-color);
}
:active {
background: var(--settings-tab-background-selected-color);
} }
`; `;

@ -11,7 +11,6 @@ const StyledSettingsHeader = styled.div`
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: var(--main-view-header-height); height: var(--main-view-header-height);
border-bottom: 1px solid var(--border-color);
`; `;
const StyledHeaderTittle = styled.div` const StyledHeaderTittle = styled.div`

Loading…
Cancel
Save