attempted to move the monkey
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user