Commit 760f6c659beb578d7deef4d1f125a77c6551667a
1 parent
36801e2c
Галерея, стили
Showing
2 changed files
with
47 additions
and
20 deletions
Show diff stats
frontend/views/site/gallery.php
| @@ -13,26 +13,31 @@ | @@ -13,26 +13,31 @@ | ||
| 13 | 13 | ||
| 14 | ?> | 14 | ?> |
| 15 | 15 | ||
| 16 | - | ||
| 17 | -<div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery"> | ||
| 18 | - <?php foreach ($images as $image) { | ||
| 19 | - if (file_exists(\Yii::getAlias('@storage/' . $image->id . '_' . $image->fileHash . '.' . $image->extension))) { | ||
| 20 | - ?> | ||
| 21 | - <figure class="reviews_gallery"> | ||
| 22 | - <a href="<?= $image->getUrl() ?>" itemprop="contentUrl" data-size="<?= getimagesize( | ||
| 23 | - $image->getPath() | ||
| 24 | - )[ 0 ] . 'x' . getimagesize( | ||
| 25 | - $image->getPath() | ||
| 26 | - )[ 1 ] ?>"> | ||
| 27 | - <img src="<?= ImageHelper::set($image->getPath()) | ||
| 28 | - ->cropResize(500, 325) | ||
| 29 | - ->render() ?>" itemprop="thumbnail" alt=""/> | ||
| 30 | - </a> | ||
| 31 | - </figure> | ||
| 32 | - <?php | ||
| 33 | - } | ||
| 34 | - } | ||
| 35 | - ?> | 16 | +<div id="content" class="contgallery"> |
| 17 | + <div class="container"> | ||
| 18 | + <div class="row"> | ||
| 19 | + <div class="my-gallery" itemscope itemtype="http://schema.org/ImageGallery"> | ||
| 20 | + <?php foreach ($images as $image) { | ||
| 21 | + if (file_exists(\Yii::getAlias('@storage/' . $image->id . '_' . $image->fileHash . '.' . $image->extension))) { | ||
| 22 | + ?> | ||
| 23 | + <figure class="reviews_gallery"> | ||
| 24 | + <a href="<?= $image->getUrl() ?>" itemprop="contentUrl" data-size="<?= getimagesize( | ||
| 25 | + $image->getPath() | ||
| 26 | + )[ 0 ] . 'x' . getimagesize( | ||
| 27 | + $image->getPath() | ||
| 28 | + )[ 1 ] ?>"> | ||
| 29 | + <img src="<?= ImageHelper::set($image->getPath()) | ||
| 30 | + ->cropResize(500, 325) | ||
| 31 | + ->render() ?>" itemprop="thumbnail" alt=""/> | ||
| 32 | + </a> | ||
| 33 | + </figure> | ||
| 34 | + <?php | ||
| 35 | + } | ||
| 36 | + } | ||
| 37 | + ?> | ||
| 38 | + </div> | ||
| 39 | + </div> | ||
| 40 | + </div> | ||
| 36 | </div> | 41 | </div> |
| 37 | 42 | ||
| 38 | <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> | 43 | <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true"> |
frontend/web/css/custom.css
| @@ -342,4 +342,26 @@ input[type="text"].form-control{ | @@ -342,4 +342,26 @@ input[type="text"].form-control{ | ||
| 342 | } | 342 | } |
| 343 | .artbox_list_container #list-view{ | 343 | .artbox_list_container #list-view{ |
| 344 | padding-top:40px; | 344 | padding-top:40px; |
| 345 | +} | ||
| 346 | +.contgallery{ | ||
| 347 | + margin-bottom: 60px; | ||
| 348 | +} | ||
| 349 | +figure.reviews_gallery { | ||
| 350 | + width: 33.333%; | ||
| 351 | + float: left; | ||
| 352 | + padding: 10px; | ||
| 353 | +} | ||
| 354 | +.reviews_gallery img { | ||
| 355 | + width: 100%; | ||
| 356 | + height: 100%; | ||
| 357 | +} | ||
| 358 | +@media ( max-width: 690px ) { | ||
| 359 | + figure.reviews_gallery{ | ||
| 360 | + width:50%; | ||
| 361 | + } | ||
| 362 | +} | ||
| 363 | +@media ( max-width: 380px ) { | ||
| 364 | + figure.reviews_gallery{ | ||
| 365 | + width:100%; | ||
| 366 | + } | ||
| 345 | } | 367 | } |
| 346 | \ No newline at end of file | 368 | \ No newline at end of file |