diff --git a/assets/less/mio/classes/news/container.less b/assets/less/mio/classes/news/container.less index 32308044..59b93732 100644 --- a/assets/less/mio/classes/news/container.less +++ b/assets/less/mio/classes/news/container.less @@ -1,12 +1,9 @@ @mio-news-mobile: 700px; .news__container { - &__content { - margin: 2px; - display: flex; + display: flex; - @media (max-width: @mio-news-mobile) { - flex-direction: column; - } + @media (max-width: @mio-news-mobile) { + flex-direction: column; } } diff --git a/assets/less/mio/classes/news/list.less b/assets/less/mio/classes/news/list.less index b0ff157a..75545549 100644 --- a/assets/less/mio/classes/news/list.less +++ b/assets/less/mio/classes/news/list.less @@ -1,7 +1,6 @@ .news__list { margin: 0; margin-bottom: 2px; - box-shadow: initial; &__item { text-decoration: none; diff --git a/assets/less/mio/classes/news/preview.less b/assets/less/mio/classes/news/preview.less index 1ed6eeff..149c9264 100644 --- a/assets/less/mio/classes/news/preview.less +++ b/assets/less/mio/classes/news/preview.less @@ -1,6 +1,5 @@ .news__preview { margin: 0; - box-shadow: initial; &:not(:last-child) { margin-bottom: 2px; @@ -11,39 +10,51 @@ flex-shrink: 1; } - &__content { + &__container { + display: flex; + margin: 1px; + flex-direction: column; + } + + &__content { + flex-grow: 1; + flex-shrink: 1; display: flex; - margin: 2px; } &__text { - flex-grow: 1; - flex-shrink: 1; - margin-left: 2px; + flex: 1 1 auto; } &__info { - text-align: right; - flex-grow: 0; - flex-shrink: 0; + display: flex; + justify-content: space-between; + border-top: 1px solid #9475b2; + font-size: .9em; + padding: 0 2px; + margin-top: 1px; } - &__date { - display: block; + &__link { + color: inherit; + text-decoration: underline dotted; + + &:hover { + text-decoration: underline; + } } &__user { + text-align: center; + flex: 0 0 auto; text-decoration: none; color: inherit; - display: inline-flex; - - &__name { - font-weight: 700; - } + display: flex; + flex-direction: column; &__avatar { - height: 20px; - width: 20px; + height: 50px; + width: 50px; margin-left: 4px; } } diff --git a/public/index.php b/public/index.php index 3b11a01d..cff7fede 100644 --- a/public/index.php +++ b/public/index.php @@ -34,7 +34,7 @@ $news = Database::query(' ON u.`display_role` = r.`role_id` WHERE p.`is_featured` = true ORDER BY p.`created_at` DESC - LIMIT 3 + LIMIT 5 ')->fetchAll(PDO::FETCH_ASSOC); $statistics = Cache::instance()->get('index:stats:v1', function () { diff --git a/templates/home/index.twig b/templates/home/index.twig index 50f4905e..6d8418cc 100644 --- a/templates/home/index.twig +++ b/templates/home/index.twig @@ -34,16 +34,9 @@ {% endif %} -