diff --git a/viewer/static/css/styles.css b/viewer/static/css/styles.css index a5b4abe..1d4a007 100644 --- a/viewer/static/css/styles.css +++ b/viewer/static/css/styles.css @@ -24,69 +24,15 @@ height: 100%; } +.mauto { + margin: auto; +} + /**************************************************************************** * Grid. * ****************************************************************************/ -.grid-container { - display: flex; - flex: 1; -} - -.grid { - max-width: 1920px; - margin: 0 auto; - display: grid; - grid-gap: 1rem; - grid-template-rows: auto auto 1fr 1fr 1fr auto auto; -} - -.grid-icon { - text-align: center; -} - .column { - flex-direction: column; text-align: center; border: black 1px solid; } - -/**************************************************************************** - * Media queries. * - ****************************************************************************/ - -@media (min-width: 300px) { - .grid { - grid-template-columns: repeat(2, 1fr); - } -} - -@media (min-width: 500px) { - .grid { - grid-template-columns: repeat(3, 1fr); - } -} - -@media (min-width: 600px) { - .grid { - grid-template-columns: repeat(5, 1fr); - } -} - -@media (min-width: 1024px) { - .grid { - grid-template-columns: repeat(7, 1fr); - } -} - -@media (min-width: 1280px) { - .grid { - grid-template-columns: repeat(9, 1fr); - } -} - -@media (min-width: 1500px) { - .grid { - grid-template-columns: repeat(11, 1fr); - } -} diff --git a/viewer/templates/gallery_view.html b/viewer/templates/gallery_view.html index 7e5eb50..4c59dc0 100644 --- a/viewer/templates/gallery_view.html +++ b/viewer/templates/gallery_view.html @@ -23,16 +23,26 @@ Files -
+
+ + + {{cell.path|truncatechars:15}} + + + |
+ {% endfor %}
+
+ {% if request.path == '/gallery/' %}
+
+ {% else %}
+
+ {% endif %}
+ ![]() + + {{cell.name}} + + + |
+ {% endfor %}
+