Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

install addons button styles changed

Browse source
This commit is contained in:
nklhrstv 2020-03-30 12:37:29 +03:00
parent 7844348d97
commit eff777e6d5
2 changed files with 13 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/routes/MetaDetails/StreamsList/StreamsList.js
View file

@ -45,7 +45,7 @@ const StreamsList = ({ className, streamsResources }) => {
</React.Fragment>
}
</div>
<Button className={styles['install-addons-container']} title={'Install Addons'} href={'#/addons'}>
<Button className={styles['install-button-container']} title={'Install Addons'} href={'#/addons'}>
<Icon className={styles['icon']} icon={'ic_addons'} />
<div className={styles['label']}>Install Addons</div>
</Button>

23
src/routes/MetaDetails/StreamsList/styles.less
View file

@ -22,24 +22,24 @@
width: var(--item-size);
height: 100%;
padding: 2rem;
&>:not(:last-child) {
margin-bottom: 1rem;
}
.image {
flex: none;
width: 10rem;
opacity: 0.9;
}
.label {
flex: none;
font-size: 1.4rem;
text-align: center;
color: @color-surface-light5-90;
}
.description {
flex: none;
text-align: center;
@ -52,18 +52,19 @@
}
}
.install-addons-container {
.install-button-container {
flex: none;
align-self: stretch;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1.3rem;
margin: 1.5rem;
padding: 1.5rem 1rem;
background-color: @color-accent3;
&:hover, &:focus {
background-color: @color-accent3-light2;
background-color: @color-accent3-light1;
}
.icon {
@ -75,11 +76,11 @@
}
.label {
flex-grow: 0;
flex-shrink: 1;
flex-basis: auto;
font-size: 1.4rem;
flex: 0 1 auto;
font-size: 1.5rem;
font-weight: 500;
max-height: 3.6em;
text-align: center;
color: @color-surface-light5-90;
}
}