diff --git a/assets/frontend.css b/assets/frontend.css index 706a58b..f750df8 100644 --- a/assets/frontend.css +++ b/assets/frontend.css @@ -126,16 +126,15 @@ .kc-workshop-card { box-sizing: border-box; min-width: 0; - background: #ffffff; + background: #fff; border-radius: 18px; overflow: hidden; - border: 1.5px solid #e3f6ee; - box-shadow: 0 4px 24px 0 #2da66a1a; + border: 1.5px solid #d2ede2; + box-shadow: 0 2px 12px 0 #2da66a14; display: flex; flex-direction: column; height: 100%; - transition: box-shadow 0.2s, border 0.2s, transform 0.15s; - margin-bottom: 10px; + margin-bottom: 14px; } .kc-workshop-card:hover { box-shadow: 0 8px 32px 0 #2da66a33; @@ -143,87 +142,91 @@ transform: translateY(-2px) scale(1.012); } .kc-workshop-card .title { - background: linear-gradient(90deg, #e8f9ef 0%, #c6f7e2 100%); + background: linear-gradient(90deg, #e8f9ef 0%, #d2ede2 100%); display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; - padding: 22px 22px 12px 22px; + padding: 24px 24px 12px 24px; font-weight: 900; - color: #176c4a; - font-size: 1.28rem; - letter-spacing: 0.2px; - border-bottom: 1px solid #e3f6ee; + color: #145a47; + font-size: 1.32rem; + letter-spacing: 0.01em; + border-bottom: 1px solid #d2ede2; border-radius: 18px 18px 0 0; - box-shadow: 0 2px 8px #2da66a0a; margin-bottom: 0; min-height: 64px; + line-height: 1.25; } .kc-workshop-card .title strong { - font-size: 1.22em; + font-size: 1.18em; font-weight: 900; - color: #176c4a; + color: #145a47; margin-bottom: 2px; display: block; letter-spacing: 0.01em; + line-height: 1.18; } .kc-workshop-card .title .teamers { - font-size: 1.01em; + font-size: 1.04em; font-weight: 600; color: #2da66a; margin-bottom: 2px; margin-top: 2px; display: block; letter-spacing: 0.01em; + line-height: 1.15; } .kc-workshop-card .title .count { - color: #6b6b6b; + color: #4b4b4b; font-weight: 600; font-size: 1.01em; margin-left: 0; margin-top: 6px; display: block; letter-spacing: 0.01em; + line-height: 1.12; } .kc-participants { - margin-top: 10px; - margin-bottom: 8px; + margin-top: 14px; + margin-bottom: 10px; display: flex; flex-wrap: wrap; - gap: 8px 12px; + gap: 10px 14px; } .kc-participant { - padding: 8px 18px; - border-radius: 18px; - background: linear-gradient(90deg, #f6fffa 60%, #e8f9ef 100%); + padding: 10px 20px; + border-radius: 20px; + background: #e8f9ef; white-space: nowrap; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; - font-size: 1.09em; - margin-bottom: 6px; + font-size: 1.13em; + margin-bottom: 8px; margin-right: 0; - box-shadow: 0 2px 12px #2da66a0d; - border: 1.5px solid #e3f6ee; - color: #176c4a; + border: 1.5px solid #d2ede2; + color: #145a47; font-family: 'Segoe UI', Arial, sans-serif; letter-spacing: 0.01em; - transition: background 0.2s, color 0.2s, box-shadow 0.2s, border 0.2s; + line-height: 1.18; + font-weight: 500; + background-clip: padding-box; + transition: background 0.2s, color 0.2s, border 0.2s; cursor: pointer; + box-shadow: none; } .kc-participant:hover { - background: #e8f9ef; + background: #d2ede2; color: #0d5947; border: 1.5px solid #2da66a; - box-shadow: 0 4px 16px #2da66a22; } .kc-participant.me { - background: linear-gradient(90deg, #2da66a 60%, #176c4a 100%); + background: #2da66a; color: #fff; font-weight: bold; - border: 1.5px solid #176c4a; - box-shadow: 0 2px 12px #2da66a33; + border: 1.5px solid #145a47; } .kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;} @media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} }