From 3e2f2c4a69839abb035ea0c1cb445b4a07f42258 Mon Sep 17 00:00:00 2001
From: SAITOU Keita <keita44.f4@gmail.com>
Date: Tue, 21 Jan 2025 00:36:52 +0900
Subject: [PATCH] =?UTF-8?q?Refactor:=20=E3=81=8A=E5=93=81=E6=9B=B8?=
 =?UTF-8?q?=E3=81=8D=E3=81=AE=E7=94=BB=E5=83=8F=E3=81=AECSS=E6=8C=87?=
 =?UTF-8?q?=E5=AE=9A=E3=82=92=E5=90=8D=E5=89=8D=E3=82=92=E3=81=A4=E3=81=91?=
 =?UTF-8?q?=E3=81=A6=E5=85=B1=E9=80=9A=E5=8C=96=E3=81=97=E3=81=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/assets/stylesheets/application.scss  | 7 +++++++
 app/views/sakes/_menu_one_drink.html.erb | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index bac899c2..565fe6cc 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -182,6 +182,13 @@ $accent: #b7282e;
   font-family: "Yuji Syuku", serif;
 }
 
+.menu-img {
+  @extend .w-25;
+  @extend .img-fluid;
+
+  min-width: "140px";
+}
+
 .accent-text {
   color: $accent;
 }
diff --git a/app/views/sakes/_menu_one_drink.html.erb b/app/views/sakes/_menu_one_drink.html.erb
index fc7707fd..e31c999c 100644
--- a/app/views/sakes/_menu_one_drink.html.erb
+++ b/app/views/sakes/_menu_one_drink.html.erb
@@ -10,10 +10,10 @@
   <div class="d-flex align-items-end justify-content-between">
     <% if sake.photos.any? %>
       <% photo = sake.photos.first %>
-      <%= cl_image_tag(photo.image.thumb.url, class: "rounded img-fluid w-25", style: "min-width: 140px") %>
+      <%= cl_image_tag(photo.image.thumb.url, class: "menu-img rounded") %>
 
     <% else %>
-      <%= cl_image_tag(image_url("sake-no-photo.avif"), class: "w-25 img-thumbnail", style: "min-width: 140px") %>
+      <%= cl_image_tag(image_url("sake-no-photo.avif"), class: "menu-img img-thumbnail") %>
     <% end %>
     <div class="flex-grow-1 ms-5 text-end price-tag-border fs-4">
       <%= price_tag(sake.selling_price) %>