attempted to move the monkey

This commit is contained in:
2025-10-16 19:58:51 -04:00
parent 5c9e76c425
commit 99e11c8d26

View File

@@ -664,13 +664,21 @@ $style = @'
height: 100%; overflow: hidden; height: 100%; overflow: hidden;
} }
/* hide monkey in header */
.logo-right { display: none; }
.logo-container { display: grid; grid-template-columns: auto 1fr; align-items: center; padding: 20px; } .logo-container { display: grid; grid-template-columns: auto 1fr; align-items: center; padding: 20px; }
.logo-container img { max-width:300px; height:auto; } .logo-container img { max-width:300px; height:auto; }
.subtitle { font-size: 1.2rem; color: var(--gray-color); margin-top: 0.5em; } .subtitle { font-size: 1.2rem; color: var(--gray-color); margin-top: 0.5em; }
.container { display:flex; height:100vh; overflow:hidden; } .container { display:flex; height:100vh; overflow:hidden; }
.sidebar { width:200px; background:var(--background-color); padding:10px; } .sidebar {
width:200px;
background:var(--background-color);
padding:10px;
position: relative; /* added */
padding-bottom: 190px; /* added: so buttons don't overlap the monkey */
}
.sidebar button { .sidebar button {
display:block; width:100%; margin-bottom:10px; padding:10px; display:block; width:100%; margin-bottom:10px; padding:10px;
color:var(--white-color); background:var(--btn-sidebar-light-gray); color:var(--white-color); background:var(--btn-sidebar-light-gray);
@@ -682,6 +690,21 @@ $style = @'
background:var(--btn-hover); transform:scale(var(--btn-hover-scale)); background:var(--btn-hover); transform:scale(var(--btn-hover-scale));
} }
/* draw SAMY in bottom-left of sidebar */
.sidebar::after {
content: "";
position: absolute;
left: 10px;
bottom: 10px;
width: 160px; /* tweak size as you like */
height: 160px;
background-image: url("https://git.svstools.com/syelle/Logo/raw/branch/main/SAMY.png");
background-repeat: no-repeat;
background-size: contain;
opacity: 0.95;
pointer-events: none; /* don't block clicks on sidebar buttons */
}
.content { .content {
position: relative; position: relative;
flex:1; flex:1;