Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-09-20 22:31:59 +00:00
Code Issues Projects Releases Packages Wiki Activity

Device Manager annoying scroll fixed

Browse source
This commit is contained in:
Manoj Vivek 2020-05-30 14:20:20 +05:30
parent d5bc371913
commit a40352ca0c
3 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
desktop-app/app/components/DeviceManager/DeviceList/styles.css
View file

@ -4,5 +4,6 @@
border-radius: 10px;
border: 1px solid lightgrey;
height: 70vh;
width: 340px;
overflow: scroll;
}

6
desktop-app/app/components/DeviceManager/index.js
View file

@ -99,15 +99,15 @@ export default function DeviceManager(props) {
<span>✨</span>Drag and drop the devices across to re-order them.
</p>
<DragDropContext onDragEnd={onDragEnd}>
<Grid container spacing={3} className={styles.content}>
<Grid item xs={3} className={styles.section}>
<Grid container className={styles.content}>
<Grid item className={styles.section}>
<div className={styles.listTitle}>
<LightBulbIcon height={30} color="#FFD517" />
Active Devices
</div>
<DeviceList droppableId={'active'} devices={devices.active} />
</Grid>
<Grid item xs={3} className={styles.section}>
<Grid item className={styles.section}>
<div className={styles.listTitle}>
<LightBulbIcon height={30} color="darkgrey" />
Inactive Devices

3
desktop-app/app/components/DeviceManager/styles.css
View file

@ -1,6 +1,6 @@
.container {
margin: 50px;
height: 100%;
height: calc(100vh - 200px);
}
.content {
@ -10,6 +10,7 @@
.section {
position: relative;
padding: 0 20px;
}
.listTitle {