Icon size and premium badge adjustments
This commit is contained in:
commit
3d2a8b0a0d
4 changed files with 17 additions and 12 deletions
|
@ -2795,7 +2795,7 @@ export const icons = {
|
|||
<line className="early-access--st0" x1="314.7" y1="380.8" x2="295.1" y2="400.5" />
|
||||
<text
|
||||
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
|
||||
</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" />
|
||||
<text
|
||||
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
|
||||
</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" />
|
||||
<text
|
||||
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
|
||||
</text>
|
||||
|
@ -3101,11 +3101,6 @@ export const icons = {
|
|||
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 "
|
||||
/>
|
||||
<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
|
||||
id="XMLID_23_"
|
||||
className="premium-plus--st6"
|
||||
|
|
|
@ -57,6 +57,15 @@
|
|||
color: var(--color-odysee-contrast) !important;
|
||||
}
|
||||
|
||||
.comment__badge {
|
||||
padding-right: var(--spacing-xxs);
|
||||
|
||||
.icon {
|
||||
margin-bottom: -4px;
|
||||
width: 18px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: $breakpoint-small) {
|
||||
.card__actions--between {
|
||||
.header__menu--left,
|
||||
|
|
|
@ -310,8 +310,8 @@
|
|||
|
||||
.icon {
|
||||
margin-top: 2px;
|
||||
height: 1.5rem;
|
||||
width: 1.5rem;
|
||||
height: 1.2rem;
|
||||
width: 1.2rem;
|
||||
stroke-width: 1px !important;
|
||||
}
|
||||
|
||||
|
@ -338,8 +338,8 @@
|
|||
|
||||
@media (min-width: $breakpoint-xlarge) {
|
||||
.icon {
|
||||
height: 2.5rem;
|
||||
width: 2.5rem;
|
||||
height: 2.1rem;
|
||||
width: 2.1rem;
|
||||
margin-top: 6px;
|
||||
}
|
||||
.button__label {
|
||||
|
|
|
@ -258,6 +258,7 @@
|
|||
.icon {
|
||||
width: 2rem;
|
||||
margin-right: var(--spacing-xs);
|
||||
flex-shrink: 0;
|
||||
}
|
||||
@media (max-width: $breakpoint-medium) {
|
||||
font-size: 1.3vw;
|
||||
|
|
Loading…
Reference in a new issue