Browse Source
Merge pull request #205 from Ponkhy/master
Fixed function buttons for smaller screens
pull/211/head
Louis Lam
3 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with
25 additions and
0 deletions
-
src/pages/Details.vue
|
|
@ -306,6 +306,31 @@ export default { |
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "../assets/vars.scss"; |
|
|
|
|
|
|
|
@media (max-width: 550px) { |
|
|
|
.functions { |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
|
|
|
|
button, a { |
|
|
|
margin-left: 10px !important; |
|
|
|
margin-right: 10px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
@media (max-width: 400px) { |
|
|
|
.btn { |
|
|
|
display: inline-flex; |
|
|
|
flex-direction: column; |
|
|
|
align-items: center; |
|
|
|
padding-top: 10px; |
|
|
|
} |
|
|
|
|
|
|
|
a.btn { |
|
|
|
padding-left: 25px; |
|
|
|
padding-right: 25px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.url { |
|
|
|
color: $primary; |
|
|
|
margin-bottom: 20px; |
|
|
|