Mirrors/responsively-app
2
0
Fork 0
mirror of https://github.com/responsively-org/responsively-app synced 2024-11-10 23:04:20 +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-radius: 10px;
border: 1px solid lightgrey; border: 1px solid lightgrey;
height: 70vh; height: 70vh;
width: 340px;
overflow: scroll; 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. <span>✨</span>Drag and drop the devices across to re-order them.
</p> </p>
<DragDropContext onDragEnd={onDragEnd}> <DragDropContext onDragEnd={onDragEnd}>
<Grid container spacing={3} className={styles.content}> <Grid container className={styles.content}>
<Grid item xs={3} className={styles.section}> <Grid item className={styles.section}>
<div className={styles.listTitle}> <div className={styles.listTitle}>
<LightBulbIcon height={30} color="#FFD517" /> <LightBulbIcon height={30} color="#FFD517" />
Active Devices Active Devices
</div> </div>
<DeviceList droppableId={'active'} devices={devices.active} /> <DeviceList droppableId={'active'} devices={devices.active} />
</Grid> </Grid>
<Grid item xs={3} className={styles.section}> <Grid item className={styles.section}>
<div className={styles.listTitle}> <div className={styles.listTitle}>
<LightBulbIcon height={30} color="darkgrey" /> <LightBulbIcon height={30} color="darkgrey" />
Inactive Devices Inactive Devices

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

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