attempted to move the monkey
This commit is contained in:
@@ -664,13 +664,21 @@ $style = @'
|
||||
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 img { max-width:300px; height:auto; }
|
||||
.subtitle { font-size: 1.2rem; color: var(--gray-color); margin-top: 0.5em; }
|
||||
|
||||
.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 {
|
||||
display:block; width:100%; margin-bottom:10px; padding:10px;
|
||||
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));
|
||||
}
|
||||
|
||||
/* 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 {
|
||||
position: relative;
|
||||
flex:1;
|
||||
|
||||
Reference in New Issue
Block a user