fix: dark mode toggle inconsistent positioning (#89)

This commit is contained in:
Jimmy Cai 2020-12-24 11:06:58 +01:00 committed by GitHub
parent 39dd18e603
commit 3326cf886a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 6 deletions

View File

@ -112,8 +112,6 @@ main.main {
padding-top: var(--main-top-padding); padding-top: var(--main-top-padding);
} }
.main-grid { .main-container {
@media (max-width: $on-phone) { min-height: 100vh;
flex-direction: column;
}
} }

View File

@ -6,7 +6,7 @@
</head> </head>
<body class="{{ block `body-class` . }}{{ end }}"> <body class="{{ block `body-class` . }}{{ end }}">
{{- partial "head/colorScheme" . -}} {{- partial "head/colorScheme" . -}}
<div class="container flex on-phone--column {{ if .Site.Params.widgets.enabled }}extended{{ else }}compact{{ end }} {{ block `container-class` . }}{{end}}"> <div class="container main-container flex on-phone--column {{ if .Site.Params.widgets.enabled }}extended{{ else }}compact{{ end }} {{ block `container-class` . }}{{end}}">
{{ partial "sidebar/left.html" . }} {{ partial "sidebar/left.html" . }}
<main class="main full-width"> <main class="main full-width">
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}