Commit ec6b8bc6 by talequale

wip

parent b09cc4ce
@mixin container {
margin: 0 auto;
padding: 0 20px;
max-width: 1000px;
}
@mixin pageInner {
flex-grow: 1;
display: flex;
margin: 0 30px 30px;
padding: 54px;
background-image: url("/uploads/images/bg-leaves.svg");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom center;
@media (max-width: $mobile) {
margin: 0;
padding: 0 30px 30px;
background-image: url("/uploads/images/bg-leaves-mob.svg");
}
}
@mixin list-reset {
margin: 0;
padding: 0;
list-style: none;
}
@import "/global-styles/variables.scss"; @import "/global-styles/variables.scss";
@import "/global-styles/mixins.scss";
@import "/global-styles/typography.scss"; @import "/global-styles/typography.scss";
export default D.declare('view.block.Info', function(cfg, children) { export default D.declare('view.block.Info', function(cfg, children) {
return <div> return <div>
<div class={'img-baba'}>{cfg.img}</div> <div class={'img-baba'}>{cfg.img}</div>
{children} <div class={'img-butn'}>{children}{cfg.buttons}</div>
<div class={'img-butn'}>{cfg.buttons}</div>
</div> </div>
}); });
import Info from '/view/block/info/Info.jsx'; import Info from '/view/block/info/Info.jsx';
import './welcomePage.scss';
export default D.declare('view.page.Account', ()=> export default D.declare('view.page.Account', () =>
<div> <div class="welcome-page">
Account Page <div class="welcome-page__wrapper">
<div>
Hello, {store.val('account.name')} Hello, {store.val('account.name')}
<Info img={<img/>} buttons={<button>bb</button>}> <Info
img={
<picture>
<source />
<img src="/uploads/images/assistant-welcome.svg" alt={"Изображение помощника"}/>
</picture>
}
buttons={<button>bb</button>}>
<h1>olololo</h1> <h1>olololo</h1>
</Info> </Info>
</div> </div>
......
.welcome-page {
@include pageInner;
background-color: $bg-accent;
}
.welcome-page__wrapper {
@include container;
display: flex;
}
.login-page { .login-page {
flex-grow: 1; @include pageInner;
display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin: 0 30px 30px;
padding: 54px;
text-align: center; text-align: center;
background-image: url("/uploads/images/bg-leaves.svg");
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom center;
@media (max-width: $mobile) {
margin: 0;
padding: 0 30px 30px;
background-image: url("/uploads/images/bg-leaves-mob.svg");
}
} }
.login-page__big-logo { .login-page__big-logo {
......
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