mirror of
				https://github.com/imfing/hextra.git
				synced 2025-10-31 17:24:52 -04:00 
			
		
		
		
	 befce4cd9a
			
		
	
	befce4cd9a
	
	
	
		
			
			* refactor: update page width handling and CSS structure - Changed the default page width from 1280px to 80rem in hugo.yaml. - Replaced dynamic page width partials with a new CSS class 'hextra-max-page-width' across multiple layout files for consistency. - Introduced a new head-config-css.html partial for managing CSS styles related to page width. - Removed the outdated page-width utility partial to streamline the codebase. * feat: introduce CSS variables for layout widths and update footer/navbar styles - Added a new configs.css file to define CSS variables for page, navbar, and footer widths. - Updated footer and navbar partials to utilize the new CSS classes for consistent width management. - Refactored head-config-css.html to include the new navbar width variable. - Enhanced the overall styling structure for better maintainability and responsiveness. * Refactor: Rename configs.css to variables.css and update references Remove head-config-css.html and update references to use variables.css instead of configs.css * Update assets/css/variables.css Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> * Update layouts/partials/head.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --------- Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>
		
			
				
	
	
		
			11 lines
		
	
	
		
			490 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			11 lines
		
	
	
		
			490 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {{ define "main" }}
 | |
|   <div class='hx:mx-auto hx:flex hextra-max-page-width'>
 | |
|     {{ partial "sidebar.html" (dict "context" . "disableSidebar" true) }}
 | |
|     <div class="hx:w-full hx:break-words hx:min-h-[calc(100vh-var(--navbar-height))] hx:min-w-0 hx:pb-8 hx:pt-8 hx:md:pt-12 hx:pl-[max(env(safe-area-inset-left),1.5rem)] hx:pr-[max(env(safe-area-inset-left),1.5rem)]">
 | |
|       <div class="hx:flex hx:flex-col hx:items-start">
 | |
|         {{ .Content }}
 | |
|       </div>
 | |
|     </div>
 | |
|   </div>
 | |
| {{ end }}
 |