Sync/hugo-theme-stack
1
0
Fork 1
mirror of https://github.com/CaiJimmy/hugo-theme-stack.git synced 2025-04-29 03:53:30 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

修改布局加载顺序：

Browse Source 
修复图片加载慢导致的文章宽度闪烁问题
This commit is contained in:
Luguoba 2022-09-05 12:45:28 +08:00
parent 72c5f4ea24
commit c846b3380b
2 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
assets/scss/grid.scss
View File

@ -3,10 +3,12 @@
margin-right: auto; margin-right: auto;
.left-sidebar { .left-sidebar {
order: -3;
max-width: var(--left-sidebar-max-width); max-width: var(--left-sidebar-max-width);
} }
.right-sidebar { .right-sidebar {
order: -1;
max-width: var(--right-sidebar-max-width); max-width: var(--right-sidebar-max-width);
/// Display right sidebar when min-width: lg /// Display right sidebar when min-width: lg
@ -73,6 +75,7 @@
} }
main.main { main.main {
order: -2;
min-width: 0; min-width: 0;
max-width: 100%; max-width: 100%;
flex-grow: 1; flex-grow: 1;

2
layouts/_default/baseof.html
View File

@ -18,10 +18,10 @@
{{- block "left-sidebar" . -}} {{- block "left-sidebar" . -}}
{{ partial "sidebar/left.html" . }} {{ partial "sidebar/left.html" . }}
{{- end -}} {{- end -}}
{{- block "right-sidebar" . -}}{{ end }}
<main class="main full-width"> <main class="main full-width">
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}
</main> </main>
{{- block "right-sidebar" . -}}{{ end }}
</div> </div>
{{ partial "footer/include.html" . }} {{ partial "footer/include.html" . }}
</body> </body>