Skip to content

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

resize sider

parent 8886bab3
Show 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 @@
</div>
<div class="container-sider">
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;">
<div class="container-sider-element">
</div>
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;">
<div class="container-sider-element">
</div>
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;">
<div class="container-sider-element">
</div>
<div class="container-sider-element" style="width: 400px; height: 400px; background-color: green;">
<div class="container-sider-element">
</div>
......
src/app/app.component.scss
View file @ 058dd899
......@@ -6,7 +6,7 @@
&-main {
position: absolute;
height: 100%;
width: calc(100% - 422px);
width: calc(100% - 322px);
left: 0;
right: 5px;
top: 0px;
......@@ -21,13 +21,14 @@
margin-right: 7px;
}
}
&-main::-webkit-scrollbar {
display: none;
}
&-sider {
height: 100%;
width: 420px;
width: 320px;
background-color: #e3e3e3;
position: fixed;
right: 0;
......@@ -43,6 +44,9 @@
margin-right: auto;
margin-top: 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