improve responsive web design

This commit is contained in:
jinhojang6 2020-03-21 17:00:52 +09:00
parent 8e479a0c77
commit 82d19a4562
No known key found for this signature in database
GPG Key ID: 0E7AA62CB0D9E6F3
2 changed files with 34 additions and 4 deletions

View File

@ -136,18 +136,37 @@
@media only screen and (max-width: 1299px) {
.EpisodeListElement {
width: 90%;
width: 100%;
padding: 0;
margin: 30px 0;
margin: 22px 0;
}
}
@media (min-width: 601px) and (max-width: 800px) {
.sidebar {
width: 185px;
}
.title {
left: 185px;
}
.rhap_container {
left: 185px;
padding-right: 210px;
}
}
@media only screen and (max-width: 600px) {
.EpisodeListElement {
width: 80%;
width: 98%;
padding: 0;
margin: 30px 0;
margin: 22px 0;
}
.EpisodeListElement-text {
width: 90%;
}
.EpisodeListElement-play {

View File

@ -47,7 +47,18 @@ export const podcasts = [
- There is an issue with playing HTML5 audio on iOS. It doesn't work in the background mode and cannot control the volume.
- Doesn't work in IE
<br/>
<br/>
# Contact us
- Status: https://join.status.im/chat/public/status
- Discord: https://discord.gg/TtyPAWm
- Email: jinho@status.im
<br/>
<br/>
<br/>
<br/>