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

Icon size and premium badge adjustments

Browse source
This commit is contained in:
Raphael Wickihalder 2022-03-10 11:44:47 +08:00 committed by infinite-persistence
commit 3d2a8b0a0d
No known key found for this signature in database
GPG key ID: B9C3252EDC3D0AA0
4 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ui/component/common/icon-custom.jsx
View file

@ -2795,7 +2795,7 @@ export const icons = {
<line className="early-access--st0" x1="314.7" y1="380.8" x2="295.1" y2="400.5" /> <line className="early-access--st0" x1="314.7" y1="380.8" x2="295.1" y2="400.5" />
<text <text
transform="matrix(1 0 0 1 294.7307 394.0567)" transform="matrix(1 0 0 1 294.7307 394.0567)"
style={{ fill: '#DCBDA2', 'fontFamily': 'Roboto-Bold', 'fontSize': '10.1968px' }} style={{ fill: '#DCBDA2', fontFamily: 'Roboto-Bold', fontSize: '10.1968px' }}
> >
ADS ADS
</text> </text>
@ -2847,7 +2847,7 @@ export const icons = {
<line className="member-bage--st0" x1="314.7" y1="433.6" x2="295.1" y2="453.2" /> <line className="member-bage--st0" x1="314.7" y1="433.6" x2="295.1" y2="453.2" />
<text <text
transform="matrix(1 0 0 1 294.7307 446.8067)" transform="matrix(1 0 0 1 294.7307 446.8067)"
style={{ fill: '#DCBDA2', 'fontFamily': 'Roboto-Bold', 'fontSize': '10.1968px' }} style={{ fill: '#DCBDA2', fontFamily: 'Roboto-Bold', fontSize: '10.1968px' }}
> >
ADS ADS
</text> </text>
@ -2901,7 +2901,7 @@ export const icons = {
<line className="st0--no-ads" x1="314.7" y1="331.8" x2="295.1" y2="351.5" /> <line className="st0--no-ads" x1="314.7" y1="331.8" x2="295.1" y2="351.5" />
<text <text
transform="matrix(1 0 0 1 294.7307 345.0567)" transform="matrix(1 0 0 1 294.7307 345.0567)"
style={{ fill: '#DCBDA2', 'fontFamily': 'Roboto-Bold', 'fontSize': '10.1968px' }} style={{ fill: '#DCBDA2', fontFamily: 'Roboto-Bold', fontSize: '10.1968px' }}
> >
ADS ADS
</text> </text>
@ -3101,11 +3101,6 @@ export const icons = {
className="premium-plus--st5" className="premium-plus--st5"
points="20.5,20.1 11.6,20.1 11.2,14.3 14.2,15.8 16,12.4 17.9,15.8 21,14.2 " points="20.5,20.1 11.6,20.1 11.2,14.3 14.2,15.8 16,12.4 17.9,15.8 21,14.2 "
/> />
<polygon
id="XMLID_24_"
className="premium-plus--st6"
points="16.1,20.8 21.1,20.8 21.7,13.2 18.1,14.9 16.1,11.3 16.1,7.8 23.9,12.3 23.9,21.616.1,25.9 "
/>
<polygon <polygon
id="XMLID_23_" id="XMLID_23_"
className="premium-plus--st6" className="premium-plus--st6"

9
ui/scss/component/_header.scss
View file

@ -57,6 +57,15 @@
color: var(--color-odysee-contrast) !important; color: var(--color-odysee-contrast) !important;
} }
.comment__badge {
padding-right: var(--spacing-xxs);
.icon {
margin-bottom: -4px;
width: 18px;
}
}
@media (max-width: $breakpoint-small) { @media (max-width: $breakpoint-small) {
.card__actions--between { .card__actions--between {
.header__menu--left, .header__menu--left,

8
ui/scss/component/_navigation.scss
View file

@ -310,8 +310,8 @@
.icon { .icon {
margin-top: 2px; margin-top: 2px;
height: 1.5rem; height: 1.2rem;
width: 1.5rem; width: 1.2rem;
stroke-width: 1px !important; stroke-width: 1px !important;
} }
@ -338,8 +338,8 @@
@media (min-width: $breakpoint-xlarge) { @media (min-width: $breakpoint-xlarge) {
.icon { .icon {
height: 2.5rem; height: 2.1rem;
width: 2.5rem; width: 2.1rem;
margin-top: 6px; margin-top: 6px;
} }
.button__label { .button__label {

1
ui/scss/component/_splash.scss
View file

@ -258,6 +258,7 @@
.icon { .icon {
width: 2rem; width: 2rem;
margin-right: var(--spacing-xs); margin-right: var(--spacing-xs);
flex-shrink: 0;
} }
@media (max-width: $breakpoint-medium) { @media (max-width: $breakpoint-medium) {
font-size: 1.3vw; font-size: 1.3vw;