css: avoid crazy repaints of the theme thumbnails/screenshots

freesteph · Jan 17, 2021 · 8d7754b · 8d7754b
1 parent 054cba7
commit 8d7754b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/views/themes/index.html.haml b/app/views/themes/index.html.haml
@@ -6,7 +6,7 @@
     - @themes.each do |theme|
       .theme.group.transform.hover:scale-105.hover:-rotate-1.transition-all.hover:shadow-xl.rounded-md.overflow-hidden.shadow-md.sm:w-full.m-6{class: "lg:w-1/5 md:w-1/4"}
         = link_to theme do
-          %img{src: url_for(theme.preview), alt: "preview for #{theme.name}"}
+          %img{src: url_for(theme.preview), alt: "preview for #{theme.name}", height: 300, width: 400}
           .meta.py-6.bg-white.h-full
             .px-6
               %span= theme.radical

diff --git a/app/views/themes/show.html.haml b/app/views/themes/show.html.haml
@@ -19,7 +19,7 @@
         - if @next
           = render 'components/button', link: theme_path(@theme, variant: @next, lang: @mode.extension), text: "⟶"
 
-    %img.rounded{src: url_for(@screenshot.image)}
+  %img.rounded{src: url_for(@screenshot.image), height: 1200, width: 1600}
 
 .container.mx-auto.text-center
   = render 'components/button', link: themes_path, text: '⟵ Back'