From 475eb059574a066025742896d8430d13c94cef01 Mon Sep 17 00:00:00 2001 From: Christophe Robillard Date: Wed, 5 Mar 2025 17:54:57 +0100 Subject: [PATCH] extract css --- public/main.css | 83 ++++++++++++++++++++++++++++++++++++++++++++++ views/index.erb | 88 ++----------------------------------------------- 2 files changed, 86 insertions(+), 85 deletions(-) create mode 100644 public/main.css diff --git a/public/main.css b/public/main.css new file mode 100644 index 0000000..75e6ae0 --- /dev/null +++ b/public/main.css @@ -0,0 +1,83 @@ +body { + margin: 0px; + font: 1.8rem "Fira Sans", sans-serif; +} + +main { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; +} + +.mode { + height: 100vh; +} +img { + height: 100%; + width:100%; + // min-width: 527px; + object-fit: contain; +} +table { + empty-cells: hide; + border-collapse: collapse; +} +tbody tr td { + border: 1px solid black; + border-spacing: 3px; + min-width: 20px; + min-height: 20px; + border-radius: 50%; + margin: 5px; +} +.tracker { + display: flex; + flex: 1 527px; + flex-direction: column; + flex-wrap: wrap; + align-items: center; + justify-content: center; + background-color: lightgoldenrodyellow; + height: 100vh; + width: 100%; +} + +.info h1 { + margin-bottom: 40px; + font-weight: 350; +} +.tracks { + display: flex; + flex-wrap: wrap; + align-items: flex-start; + justify-content: flex-start; + margin: 30px; +} +.week { + display: flex; + flex-direction: column; + justify-items: start; + flex-wrap: wrap; + margin-bottom: 20px; + +} + +.day { + border: 1px; + margin: 4px; + min-width: 20px; + min-height: 20px; +} +.creatif { + background-color: red; +} +.en-charge { + background-color: orange; +} +.frigo-vide { + background-color: grey; +} +.croisiere { + background-color: green; +} diff --git a/views/index.erb b/views/index.erb index bed99f7..20949d8 100644 --- a/views/index.erb +++ b/views/index.erb @@ -1,5 +1,8 @@ + + + -