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

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

@ -89,7 +89,8 @@
--color-input-color: var(--color-black); --color-input-color: var(--color-black);
--color-input-label: var(--color-gray-5); --color-input-label: var(--color-gray-5);
--color-input-placeholder: var(--color-gray-8); --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: var(--color-gray-3);
--color-input-border-active: var(--color-secondary); --color-input-border-active: var(--color-secondary);
--color-input-toggle: var(--color-secondary); --color-input-toggle: var(--color-secondary);