kalugin66/webtorrent-desktop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #94 from feross/responsive

Browse Source 
Responsive CSS to change torrent/drop-target height based on window width
This commit is contained in:
Feross Aboukhadijeh
2016-03-08 13:49:13 -08:00
parent 9fce4d9741 ec2ff2bb47
commit 18fa84a92e
2 changed files with 21 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
renderer/index.css
View File

@@ -246,13 +246,15 @@ a:not(.disabled):hover, i:not(.disabled):hover {
} }
.drop-target { .drop-target {
padding: 20px;
margin: 10px; margin: 10px;
text-align: center;
border: 5px #444 dashed; border: 5px #444 dashed;
border-radius: 5px;
color: #666; color: #666;
font-size: 16px; font-size: 16px;
flex: 1 1 auto; flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: center;
} }
body.drag .drop-target { body.drag .drop-target {
@@ -261,7 +263,6 @@ body.drag .drop-target {
} }
.torrent { .torrent {
height: 120px;
background: linear-gradient(to bottom right, #4B79A1, #283E51); background: linear-gradient(to bottom right, #4B79A1, #283E51);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
@@ -271,6 +272,22 @@ body.drag .drop-target {
animation: fadein .4s; animation: fadein .4s;
} }
.torrent, .drop-target {
height: 120px;
}
@media only screen and (min-width: 600px) {
.torrent, .drop-target {
height: 150px;
}
}
@media only screen and (min-width: 900px) {
.torrent, .drop-target {
height: 180px;
}
}
.torrent:not(:last-child) { .torrent:not(:last-child) {
border-bottom: 1px solid rgb(20, 20, 20); border-bottom: 1px solid rgb(20, 20, 20);
} }

1
renderer/index.js
View File

@@ -142,6 +142,7 @@ function updateElectron () {
ipcRenderer.send('setProgress', state.dock.progress) ipcRenderer.send('setProgress', state.dock.progress)
} }
if (state.dock.badge !== state.prev.badge) { if (state.dock.badge !== state.prev.badge) {
state.prev.badge = state.dock.badge
ipcRenderer.send('setBadge', state.dock.badge || '') ipcRenderer.send('setBadge', state.dock.badge || '')
} }
} }