add: галерея (4) первый этаж (плеск бессознательного) улучшен 2
This commit is contained in:
@@ -1,9 +1,11 @@
|
||||
{% load static %}
|
||||
<div id="gallery-card-{{ item.s_hash_id }}" class="aspect-square bg-stone-100 dark:bg-zinc-900 rounded-2xl border border-stone-300/80 dark:border-zinc-800 overflow-hidden relative group transition-all duration-300 hover:scale-[1.03] hover:shadow-xl hover:border-amber-500/60 dark:hover:border-amber-500/50 flex items-center justify-center select-none">
|
||||
<div id="gallery-card-{{ item.s_hash_id }}"
|
||||
style="{{ item.card_bg_style }}"
|
||||
class="aspect-square rounded-2xl border border-stone-300/80 dark:border-zinc-800/80 overflow-hidden relative group transition-all duration-300 hover:scale-[1.03] hover:shadow-2xl hover:border-amber-500/60 dark:hover:border-amber-500/50 flex items-center justify-center select-none shadow-sm bg-[var(--card-bg-light)] dark:bg-[var(--card-bg-dark)]">
|
||||
|
||||
<!-- Ссылка на полный просмотр картины -->
|
||||
<a href="{% url 'hypn0_site:gallery_detail' item.s_hash_id %}"
|
||||
class="absolute inset-0 z-10 flex items-center justify-center p-2.5"
|
||||
class="absolute inset-0 z-10 flex items-center justify-center p-3 sm:p-4"
|
||||
title="{{ item.s_title }}">
|
||||
<img src="{{ item.file_svg.url }}"
|
||||
alt="{{ item.s_title }}"
|
||||
|
||||
@@ -518,7 +518,7 @@
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div id="fresh-stream-grid" class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
|
||||
<div id="fresh-stream-grid" class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-4 sm:gap-6">
|
||||
{% for item in fresh_items %}
|
||||
{% include "block/gallery_card.html" %}
|
||||
{% empty %}
|
||||
@@ -545,8 +545,8 @@
|
||||
<span class="text-xs font-semibold text-stone-400">100–999 лайков</span>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
|
||||
<template x-for="i in 6">
|
||||
<div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-4 sm:gap-6">
|
||||
<template x-for="i in 8">
|
||||
<div class="aspect-square bg-stone-200 dark:bg-zinc-900 rounded-xl border border-stone-300 dark:border-zinc-800 overflow-hidden relative group cursor-pointer hover:border-cyan-500/50 transition-all hover:scale-[1.02]">
|
||||
<div class="absolute inset-0 flex items-center justify-center text-stone-400 group-hover:scale-110 transition-transform">
|
||||
<svg class="w-8 h-8 opacity-20" fill="currentColor" viewBox="0 0 24 24">
|
||||
@@ -577,8 +577,8 @@
|
||||
<span class="text-xs font-semibold text-stone-400">1000+ лайков</span>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-4">
|
||||
<template x-for="i in 6">
|
||||
<div class="grid grid-cols-2 sm:grid-cols-2 md:grid-cols-4 gap-4 sm:gap-6">
|
||||
<template x-for="i in 8">
|
||||
<div class="aspect-square bg-stone-200 dark:bg-zinc-900 rounded-2xl border-2 border-emerald-500/30 dark:border-emerald-500/20 overflow-hidden relative group cursor-pointer shadow-lg shadow-emerald-950/5 hover:border-emerald-500 transition-all hover:scale-[1.02]">
|
||||
<div class="absolute inset-0 flex items-center justify-center text-emerald-600/40 group-hover:scale-110 transition-transform">
|
||||
<svg class="w-10 h-10 opacity-30" fill="currentColor" viewBox="0 0 24 24">
|
||||
|
||||
Reference in New Issue
Block a user