From 1a94d33da348f8b1eac11db825e5095bcd877e7a Mon Sep 17 00:00:00 2001
From: marcantoinem <marc-antoine.m@outlook.com>
Date: Wed, 7 Aug 2024 23:54:52 -0400
Subject: [PATCH] fix: many small UI tweaks
---
.../frontend/components/options/courses_selector.rs | 2 +-
.../src/frontend/components/schedule.rs | 2 +-
aep-schedule-website/style/schedule.scss | 10 +++++-----
3 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/aep-schedule-website/src/frontend/components/options/courses_selector.rs b/aep-schedule-website/src/frontend/components/options/courses_selector.rs
index 4e19007..fa0d7df 100644
--- a/aep-schedule-website/src/frontend/components/options/courses_selector.rs
+++ b/aep-schedule-website/src/frontend/components/options/courses_selector.rs
@@ -35,7 +35,7 @@ where
open.update(|b| *b = !*b);
submit();
}
- class="gap-2 items-center py-1.5 px-3 rounded-lg flex"
+ class="gap-2 cursor-pointer items-center py-1.5 px-3 rounded-lg flex"
class=("bg-green-500", move || {open.get()})
class=("bg-red-500", move || {!open.get()})
>
diff --git a/aep-schedule-website/src/frontend/components/schedule.rs b/aep-schedule-website/src/frontend/components/schedule.rs
index 5c21a8d..22d93e5 100644
--- a/aep-schedule-website/src/frontend/components/schedule.rs
+++ b/aep-schedule-website/src/frontend/components/schedule.rs
@@ -120,7 +120,7 @@ pub fn ScheduleComponent(schedule: Schedule, calendar: Rc<Calendar>) -> impl Int
let link: NodeRef<A> = create_node_ref();
view! {
- <div class="flex flex-col w-full items-center">
+ <div class="flex flex-col w-full items-center card p-2">
<a class="hidden" download="cours.ics" href=move || download.get() node_ref=link></a>
<table class="cours">
{schedule.taken_courses.iter().enumerate().map(|(i, c)| view!{<Course i course={c} />}).collect_view()}
diff --git a/aep-schedule-website/style/schedule.scss b/aep-schedule-website/style/schedule.scss
index 7014337..3ea3394 100644
--- a/aep-schedule-website/style/schedule.scss
+++ b/aep-schedule-website/style/schedule.scss
@@ -72,7 +72,7 @@ $days: $time-width 10px repeat(5, 1fr);
.event {
border-radius: 0.5em;
padding: 1px;
- margin: 0 2px;
+ margin: 1px 1px 2px 2px;
font-weight: bold;
font-size: 70%;
text-align: center;
@@ -91,13 +91,13 @@ $days: $time-width 10px repeat(5, 1fr);
}
.b1 {
- width: 45%;
- margin-right: 55%;
+ width: calc(50% - 2px);
+ margin-right: calc(50% + 1px);
}
.b2 {
- width: 45%;
- margin-left: 55%;
+ width: calc(50% - 2px);
+ margin-left: calc(50% + 1px);
}
.button-download {
--
GitLab