Commit 7de55a5e by talequale

wip

parent 2211acd2
...@@ -7,8 +7,10 @@ import Arr from '/svg/arr.svg'; ...@@ -7,8 +7,10 @@ import Arr from '/svg/arr.svg';
const InfoCard = D.declare('view.cmp.InfoCard', (cfg) => { const InfoCard = D.declare('view.cmp.InfoCard', (cfg) => {
return <div class="info-card"> return <div class="info-card">
<div className="info-card__header"> <div className="info-card__header">
<div className="info-card__headline">
<h1 className="info-card__title">Печенье "Орешки"</h1> <h1 className="info-card__title">Печенье "Орешки"</h1>
<p className="info-card__category">Категория Топ 35</p> <p className="info-card__category">Категория Топ 35</p>
</div>
<div className="info-card__stats"> <div className="info-card__stats">
<p>Карточек в категории: <b>20</b></p> <p>Карточек в категории: <b>20</b></p>
<p>Просмотрено: <em>2</em></p> <p>Просмотрено: <em>2</em></p>
......
...@@ -7,6 +7,14 @@ ...@@ -7,6 +7,14 @@
} }
} }
.info-card__headline {
min-height: 69px;
@media (max-width: $mobile) {
min-height: 50px;
}
}
.info-card__title { .info-card__title {
@include title; @include title;
margin: 0 0 5px; margin: 0 0 5px;
...@@ -65,10 +73,6 @@ ...@@ -65,10 +73,6 @@
box-shadow: 0 4px 10px rgba(190, 190, 190, 0.25); box-shadow: 0 4px 10px rgba(190, 190, 190, 0.25);
border-radius: 6px; border-radius: 6px;
@media (max-width: $tablet) {
padding: 20px 30px 40px;
}
@media (max-width: $mobile) { @media (max-width: $mobile) {
margin-bottom: 14px; margin-bottom: 14px;
background-color: transparent; background-color: transparent;
......
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