Skip to content

R
RLG Maker
Commit 058dd899 authored by Romain DELEAU's avatar Romain DELEAU
Browse files
Options

resize sider

parent 8886bab3
Hide whitespace changes
Inline Side-by-side
Showing with 11 additions and 7 deletions
src/app/app.component.html
View file @ 058dd899
...@@ -37,16 +37,16 @@ ...@@ -37,16 +37,16 @@
</div> </div>
<div class="container-sider"> <div class="container-sider">
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;"> <div class="container-sider-element">
</div> </div>
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;"> <div class="container-sider-element">
</div> </div>
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;"> <div class="container-sider-element">
</div> </div>
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;"> <div class="container-sider-element">
</div> </div>
......
src/app/app.component.scss
View file @ 058dd899
.container { .container {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
&-main { &-main {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: calc(100% - 422px); width: calc(100% - 322px);
left: 0; left: 0;
right: 5px; right: 5px;
top: 0px; top: 0px;
...@@ -21,13 +21,14 @@ ...@@ -21,13 +21,14 @@
margin-right: 7px; margin-right: 7px;
} }
} }
&-main::-webkit-scrollbar { &-main::-webkit-scrollbar {
display: none; display: none;
} }
&-sider { &-sider {
height: 100%; height: 100%;
width: 420px; width: 320px;
background-color: #e3e3e3; background-color: #e3e3e3;
position: fixed; position: fixed;
right: 0; right: 0;
...@@ -43,6 +44,9 @@ ...@@ -43,6 +44,9 @@
margin-right: auto; margin-right: auto;
margin-top: 10px; margin-top: 10px;
margin-bottom: 10px; margin-bottom: 10px;
width: 300px;
height: 400px;
background-color: green;
} }
} }
} }
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment