coop-cloud/coopcloud.tech
coop-cloud
/
coopcloud.tech
1
0
Fork 1
Code Issues Pull Requests Projects Releases Activity

fix: smaller gap on mobile caused by incorrect column sizing on mobile

This commit is contained in:
Roxie Gibson 2021-11-09 09:02:04 +00:00
parent cad7558b34
commit 3f8aaccb80
Signed by untrusted user: roxxers
GPG Key ID: 5D0140EDEE123F4D
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
themes/coopcloud.tech/assets/scss/main.scss
View File

@ -185,6 +185,15 @@ footer .separator {
padding: 0 10px;
}
@media all and (max-width: 768px) {
.is-full-mobile{
width: 99%
}
// .columns {
// width: 99%
// }
}
// Do not show server image when using mobile viewport
// Is a little bigger than the actual mobile viewport in bulma due to the text overlapping with the server icon
@media all and (min-width: 769px) {

2
themes/coopcloud.tech/layouts/partials/index/underline_points.html
View File

@ -11,7 +11,7 @@
{{ if gt $index 0 }}
<hr />
{{ end }}
<div class="columns is-variable is-8">
<div class="columns is-variable is-8-tablet">
<div
class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen is-full-mobile"
>