LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

more whitespace on cards (#7377)

Browse source
This commit is contained in:
jessopb 2021-12-30 15:51:28 -05:00 committed by GitHub
parent 2549f5b0ad
commit dfdd3fc248
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
ui/scss/component/_card.scss
View file

@ -98,17 +98,18 @@
.card__title-section {
@extend .section__flex;
@media (min-width: $breakpoint-small) {
padding: var(--spacing-s) var(--spacing-m);
}
//@media (min-width: $breakpoint-small) {
// padding: var(--spacing-s) var(--spacing-m);
//}
}
.card__title-section--body-list {
padding-left: var(--spacing-s);
@media (min-width: $breakpoint-small) {
padding: var(--spacing-m);
}
// this is superfluous
//padding-left: var(--spacing-s);
//
//@media (min-width: $breakpoint-small) {
// padding: var(--spacing-m);
//}
}
.card__title-section--small {
@ -278,9 +279,9 @@
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
padding: var(--spacing-l) var(--spacing-l) var(--spacing-m) var(--spacing-l);
@media (max-width: $breakpoint-small) {
padding: var(--spacing-s);
padding: var(--spacing-m);
padding-bottom: 0;
margin: 0;
margin-bottom: var(--spacing-s);
@ -322,9 +323,7 @@
}
.card__main-actions {
padding: var(--spacing-m);
padding-bottom: 0;
margin-bottom: var(--spacing-s);
//margin-bottom: var(--spacing-s);
border-top: 1px solid var(--color-border);
height: 100%;
@ -337,7 +336,7 @@
padding: var(--spacing-s);
@media (min-width: $breakpoint-small) {
padding: var(--spacing-m);
padding: var(--spacing-l);
}
}
@ -364,9 +363,12 @@
.card__body,
.card__main-actions {
padding: var(--spacing-m);
@media (min-width: $breakpoint-small) {
padding: var(--spacing-l);
}
padding-bottom: 0;
margin: 0;
margin-bottom: var(--spacing-m);
//margin-bottom: var(--spacing-m);
}
.card__bottom-gutter {

3
ui/scss/init/_base-theme.scss
View file

@ -89,7 +89,8 @@
--color-input-color: var(--color-black);
--color-input-label: var(--color-gray-5);
--color-input-placeholder: var(--color-gray-8);
--color-input-bg: var(--color-gray-1);
//--color-input-bg: var(--color-gray-1);
--color-input-bg: var(--color-white);
--color-input-border: var(--color-gray-3);
--color-input-border-active: var(--color-secondary);
--color-input-toggle: var(--color-secondary);