mirror of
				https://github.com/loof2736/scyfin.git
				synced 2025-11-04 08:28:52 +01:00 
			
		
		
		
	Fixed scaling issues
This commit is contained in:
		
							parent
							
								
									9ca2bd2cdd
								
							
						
					
					
						commit
						76b6c4c9ea
					
				@ -6,7 +6,7 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Un-static left drawer */
 | 
					/* Un-static left drawer */
 | 
				
			||||||
.layout-desktop .mainDrawer {
 | 
					.layout-desktop .mainDrawer:not(.dashboardDocument .mainDrawer) {
 | 
				
			||||||
    left: -345px !important;
 | 
					    left: -345px !important;
 | 
				
			||||||
    width: 275px !important;
 | 
					    width: 275px !important;
 | 
				
			||||||
    /* Move drawer behind header */
 | 
					    /* Move drawer behind header */
 | 
				
			||||||
@ -38,13 +38,19 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Show hamburger button */
 | 
					/* Show hamburger button */
 | 
				
			||||||
.layout-desktop .mainDrawerButton {
 | 
					.layout-desktop .mainDrawerButton:not(.dashboardDocument .mainDrawerButton) {
 | 
				
			||||||
    display: inline-flex !important;
 | 
					    display: inline-flex !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Fix for dashboard height */
 | 
					/* Fix for dashboard */
 | 
				
			||||||
.layout-desktop .dashboardDocument .mainDrawer {
 | 
					.layout-desktop .dashboardDocument .mainDrawer {
 | 
				
			||||||
    top: 0px !important;
 | 
					    top: 0px !important;
 | 
				
			||||||
 | 
					    left: 0px !important;
 | 
				
			||||||
 | 
					    width: 300px !important;
 | 
				
			||||||
 | 
					    z-index: 998 !important;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.layout-desktop .dashboardDocument .mainDrawer-scrollContainer {
 | 
				
			||||||
 | 
					    padding-top: 75px !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Re-center header buttons */
 | 
					/* Re-center header buttons */
 | 
				
			||||||
@ -66,11 +72,21 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Background for home, hamburger, and Jellyfin */
 | 
					/* Background for home, hamburger, and Jellyfin */
 | 
				
			||||||
.layout-desktop .headerLeft {
 | 
					.layout-desktop .headerLeft::before {
 | 
				
			||||||
    top: -3px !important;
 | 
					    content: "";
 | 
				
			||||||
 | 
					    position: absolute;
 | 
				
			||||||
 | 
					    top: 0;
 | 
				
			||||||
 | 
					    left: 0;
 | 
				
			||||||
 | 
					    width: 270px;
 | 
				
			||||||
 | 
					    height: 45px;
 | 
				
			||||||
    background-color: rgba(35, 35, 35, 0.5) !important;
 | 
					    background-color: rgba(35, 35, 35, 0.5) !important;
 | 
				
			||||||
    border-radius: 50px !important;
 | 
					    border-radius: 50px !important;
 | 
				
			||||||
    backdrop-filter: blur(50px) !important;
 | 
					    backdrop-filter: blur(50px) !important;
 | 
				
			||||||
    padding: 2px !important;
 | 
					}
 | 
				
			||||||
    margin-right: 1180px !important;
 | 
					.layout-desktop .headerLeft {
 | 
				
			||||||
 | 
					    padding: 2px !important;
 | 
				
			||||||
 | 
					    top: -3px !important;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.layout-desktop .pageTitle {
 | 
				
			||||||
 | 
					    z-index: 1099 !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
@ -6,7 +6,7 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Un-static left drawer */
 | 
					/* Un-static left drawer */
 | 
				
			||||||
.layout-desktop .mainDrawer {
 | 
					.layout-desktop .mainDrawer:not(.dashboardDocument .mainDrawer) {
 | 
				
			||||||
    left: -320px !important;
 | 
					    left: -320px !important;
 | 
				
			||||||
    /* Move drawer behind header */
 | 
					    /* Move drawer behind header */
 | 
				
			||||||
    z-index: 1099 !important;
 | 
					    z-index: 1099 !important;
 | 
				
			||||||
@ -32,13 +32,19 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Show hamburger button */
 | 
					/* Show hamburger button */
 | 
				
			||||||
.layout-desktop .mainDrawerButton {
 | 
					.layout-desktop .mainDrawerButton:not(.dashboardDocument .mainDrawerButton) {
 | 
				
			||||||
    display: inline-flex !important;
 | 
					    display: inline-flex !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Fix for dashboard height */
 | 
					/* Fix for dashboard */
 | 
				
			||||||
.layout-desktop .dashboardDocument .mainDrawer {
 | 
					.layout-desktop .dashboardDocument .mainDrawer {
 | 
				
			||||||
    top: 0px !important;
 | 
					    top: 0px !important;
 | 
				
			||||||
 | 
					    left: 0px !important;
 | 
				
			||||||
 | 
					    width: 300px !important;
 | 
				
			||||||
 | 
					    z-index: 998 !important;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.layout-desktop .dashboardDocument .mainDrawer-scrollContainer {
 | 
				
			||||||
 | 
					    padding-top: 75px !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Re-center header buttons */
 | 
					/* Re-center header buttons */
 | 
				
			||||||
@ -60,11 +66,21 @@
 | 
				
			|||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/* Background for home, hamburger, and Jellyfin */
 | 
					/* Background for home, hamburger, and Jellyfin */
 | 
				
			||||||
.layout-desktop .headerLeft {
 | 
					.layout-desktop .headerLeft::before {
 | 
				
			||||||
    top: -3px !important;
 | 
					    content: "";
 | 
				
			||||||
 | 
					    position: absolute;
 | 
				
			||||||
 | 
					    top: 0;
 | 
				
			||||||
 | 
					    left: 0;
 | 
				
			||||||
 | 
					    width: 270px;
 | 
				
			||||||
 | 
					    height: 45px;
 | 
				
			||||||
    background-color: rgba(35, 35, 35, 0.5) !important;
 | 
					    background-color: rgba(35, 35, 35, 0.5) !important;
 | 
				
			||||||
    border-radius: 50px !important;
 | 
					    border-radius: 50px !important;
 | 
				
			||||||
    backdrop-filter: blur(50px) !important;
 | 
					    backdrop-filter: blur(50px) !important;
 | 
				
			||||||
    padding: 2px !important;
 | 
					}
 | 
				
			||||||
    margin-right: 1180px !important;
 | 
					.layout-desktop .headerLeft {
 | 
				
			||||||
 | 
					    padding: 2px !important;
 | 
				
			||||||
 | 
					    top: -3px !important;
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					.layout-desktop .pageTitle {
 | 
				
			||||||
 | 
					    z-index: 1099 !important;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
		Loading…
	
		Reference in New Issue
	
	Block a user