From 7a99cd1dda556454c33549ae7f4a66d233b7c8d1 Mon Sep 17 00:00:00 2001 From: ming Date: Tue, 29 Apr 2025 02:58:36 +0900 Subject: [PATCH] =?UTF-8?q?=EC=82=AC=EC=9D=B4=EB=93=9C=EB=B0=94=20on/off?= =?UTF-8?q?=20=EC=B6=94=EA=B0=80,=20=EC=88=AB=EC=9E=90=20=ED=8F=B0?= =?UTF-8?q?=ED=8A=B8=20=EC=83=98=ED=94=8C=20=EC=A0=81=EC=9A=A9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../stylesheets/application.tailwind.css | 33 +++++++++++++++++-- app/views/layouts/application.html.erb | 2 +- app/views/partials/_sidebar.html.erb | 18 +++++----- app/views/schedules/index.html.erb | 22 +++++++------ 4 files changed, 53 insertions(+), 22 deletions(-) diff --git a/app/assets/stylesheets/application.tailwind.css b/app/assets/stylesheets/application.tailwind.css index b9a4f18..9d72396 100644 --- a/app/assets/stylesheets/application.tailwind.css +++ b/app/assets/stylesheets/application.tailwind.css @@ -49,13 +49,23 @@ @layer base { body { - @apply text-sm text-default-slate-dark + @apply bg-base-background text-base-text } hr { @apply border-table-border } + .background-pattern { + background-image: repeating-linear-gradient( + -45deg, + rgba(255, 255, 255, 0.01) 0, + rgba(255, 255, 255, 0.01) 24px, + transparent 1px, + transparent 36px + ); + } + a.disabled { @apply pointer-events-none cursor-not-allowed opacity-50 } @@ -110,7 +120,8 @@ } .side-bar { - @apply w-[16rem] pl-4 text-lg font-bold divide-y divide-base-border; + /*@apply w-[16rem] pl-4 text-lg font-bold divide-y divide-base-border;*/ + @apply w-[16rem] pl-4 pr-4 lg:pr-0 text-lg font-bold; } .content { @@ -139,7 +150,15 @@ /*Menu*/ .menu-group { - @apply flex flex-row py-6 px-4 gap-x-4 justify-between items-center w-full + @apply flex flex-row py-2 px-4 my-4 gap-x-4 justify-between items-center w-full + } + + .menu-group-active { + @apply bg-base-secondary text-white rounded-md; + } + + .menu-group:hover { + @apply bg-base-secondary text-white transition-colors rounded-md; } .menu-group-icon { @@ -249,4 +268,12 @@ .input-style[type="number"] { -moz-appearance: textfield; +} + +/*Fonts*/ +@font-face { + font-family: 'GongGothicMedium'; + src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10@1.0/GongGothicLight.woff') format('woff'); + font-weight: normal; + font-style: normal; } \ No newline at end of file diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index ccef8e7..8913d63 100644 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -23,7 +23,7 @@ - + <%= turbo_frame_tag :modals %>
<%= render "partials/header" %> diff --git a/app/views/partials/_sidebar.html.erb b/app/views/partials/_sidebar.html.erb index 8ef70df..36f4fc0 100644 --- a/app/views/partials/_sidebar.html.erb +++ b/app/views/partials/_sidebar.html.erb @@ -1,26 +1,28 @@ -