From 48900fafaf796018fa68336b1558e7059c8e0c71 Mon Sep 17 00:00:00 2001 From: Alexel Date: Thu, 12 Oct 2023 13:58:01 -0400 Subject: [PATCH] Ajout styles et classes admin-upload Ajout de divs pour mieux arranger le contenu --- public/css/admin-upload.css | 120 +++++++++++++++++++++++++++++ templates/html/admin-upload.gohtml | 37 +++++---- 2 files changed, 142 insertions(+), 15 deletions(-) create mode 100644 public/css/admin-upload.css diff --git a/public/css/admin-upload.css b/public/css/admin-upload.css new file mode 100644 index 0000000..c790b9a --- /dev/null +++ b/public/css/admin-upload.css @@ -0,0 +1,120 @@ +.adminUploadForm { + font-family: 'Poppins'; + display: flex; + flex-flow: column; + align-items: center; +} + +.formContent { + display: flex; + flex-flow: column; + +} + +.formSelectDiv { + display: flex; + flex-flow: column; + margin: 20px; +} + +.formLabel { + font-family: 'Poppins'; + font-size: 0.875rem; + font-weight: 600; + margin: 0; + padding-top: 10px; + padding-bottom: 10px; + color: #394596; +} + +.formSelect { + font-family: 'Poppins'; + font-size: 0.875rem; + font-weight: 400; + border: 1px #C4C4C4 solid; + padding: 10px; + +} + +/*La flèche de l'élément*/ +.formSelect:after { + color: #000 +} + +.formOption { + font-family: 'Poppins'; + font-size: 0.875rem; + font-weight: 400; + margin-top: 5px; + margin-bottom: 5px; +} + +.formOption:hover { + background-color: #C4C4C4; +} + +.formDocUploadDiv { + display: flex; + flex-flow: column; + margin: 20px; +} + +.formDocUpload { + font-family: 'Poppins'; + font-size: 0.875rem; + font-weight: 500; +} + +.formDocUpload::file-selector-button { + font-family: 'Poppins'; + font-size: 0.875rem; + font-weight: 400; + background-color: #FF563C; + padding: 7px; + color: #fff; + border: none; + cursor: pointer; + margin-right: 15px; +} + +.formSubmit { + font-family: 'Poppins'; + font-size: 1rem; + font-weight: 500; + background-color: #FF563C; + padding: 10px; + color: #fff; + border: none; + cursor: pointer; + margin: 20px; +} + +.confirmationMessage { + font-family: 'Poppins'; + font-size: 0.75rem; + font-weight: 500; + text-align: center; + margin: 10px; + padding: 5px; + background-color: #C4C4C4; +} + +@media screen and (min-width: 768px) { + + .formContent { + display: flex; + flex-flow: row; + } + +} + +@media screen and (min-width: 1140px) { + + .confirmationMessage { + font-size: 1rem; + font-weight: 500; + margin: 20px; + padding: 10px; + } + +} \ No newline at end of file diff --git a/templates/html/admin-upload.gohtml b/templates/html/admin-upload.gohtml index c7afd53..6c92230 100644 --- a/templates/html/admin-upload.gohtml +++ b/templates/html/admin-upload.gohtml @@ -5,24 +5,31 @@ AGECEM {{ template "general-html" }} + {{ template "header-html" }} -

Upload

-
- - -
- Document: -
-
- -
-

{{ .Message }}

+
+

Ajouter un document

+
+
+
+

Document à téléverser

+ +
+
+ + +
+
+ +
+

Confirmation: {{ .Message }}

+
{{ end }}