From dcb62ff91a7ab73e925ebc6d9af332dd3ef79267 Mon Sep 17 00:00:00 2001 From: skuzow Date: Fri, 17 Feb 2023 13:01:38 +0100 Subject: [PATCH 1/7] fix: remove duplicated js --- front/src/public/scripts/js/profile.js | 7 ------- 1 file changed, 7 deletions(-) delete mode 100644 front/src/public/scripts/js/profile.js diff --git a/front/src/public/scripts/js/profile.js b/front/src/public/scripts/js/profile.js deleted file mode 100644 index d07f49e1..00000000 --- a/front/src/public/scripts/js/profile.js +++ /dev/null @@ -1,7 +0,0 @@ -const loadFile = function (event, id) { - var image = document.getElementById(id); - image.style.height = '100px'; - image.style.width = '100px'; - image.src = URL.createObjectURL(event.target.files[0]); - }; - \ No newline at end of file From fe65ed2775ed787ddaf4f4b5fa1c3635bb0a053c Mon Sep 17 00:00:00 2001 From: skuzow Date: Fri, 17 Feb 2023 20:58:05 +0100 Subject: [PATCH 2/7] feat: nav & button generic styles --- front/src/public/styles/styles.css | 30 +++++++++++++++++++++++++++++- 1 file changed, 29 insertions(+), 1 deletion(-) diff --git a/front/src/public/styles/styles.css b/front/src/public/styles/styles.css index 8fb319df..adc59372 100644 --- a/front/src/public/styles/styles.css +++ b/front/src/public/styles/styles.css @@ -1,4 +1,32 @@ body { + align-items: center; background-color: black; - overflow: hidden; +} + +/* nav */ +.row { + width: 100vw; +} + +.fa-regular { + color: white; +} + +nav { + border-bottom: 1px solid gray; +} + +i { + cursor: pointer; +} + +/* button */ +.btn-primary { + background-color: #2d474f; + border: 0; +} + +.btn-primary:hover, +.btn-primary:active:focus { + background-color: #63b1b1; } From 7d30071108b14a4c5397ddb5b199058e7f5e596f Mon Sep 17 00:00:00 2001 From: skuzow Date: Fri, 17 Feb 2023 21:00:40 +0100 Subject: [PATCH 3/7] feat: responsive & nav create list --- front/src/public/create-list.html | 31 ++++++++++++++++++++++++- front/src/public/styles/create-list.css | 29 ++++++++--------------- 2 files changed, 40 insertions(+), 20 deletions(-) diff --git a/front/src/public/create-list.html b/front/src/public/create-list.html index d31a8cf7..884ddc17 100644 --- a/front/src/public/create-list.html +++ b/front/src/public/create-list.html @@ -9,13 +9,42 @@ + Alist | Create List -
+ +
+ + +
diff --git a/front/src/public/styles/create-list.css b/front/src/public/styles/create-list.css index 420d2788..1257ffe0 100644 --- a/front/src/public/styles/create-list.css +++ b/front/src/public/styles/create-list.css @@ -1,28 +1,19 @@ -html, -body { - height: 100%; -} - -body { - display: flex; - align-items: center; - justify-content: center; -} - img { object-fit: cover; } -.accordion-item { - min-width: 398.5px; +.accordion { + width: 100%; } -.btn-primary { - background-color: #2d474f; - border: 0; +.accordion-button { + font-size: 20px; } -.btn-primary:hover, -.btn-primary:active:focus { - background-color: #63b1b1; +@media only screen and (min-width: 768px) { + /* For desktop: */ + .accordion { + width: 60%; + margin: auto; + } } From c2ac34180b0874b9262d2aa77f6299ff7da1ce56 Mon Sep 17 00:00:00 2001 From: skuzow Date: Fri, 17 Feb 2023 21:49:41 +0100 Subject: [PATCH 4/7] feat: responsive uploaded images create list --- front/src/public/create-list.html | 20 ++++++++++---------- front/src/public/scripts/create-list.js | 2 -- front/src/public/styles/create-list.css | 16 +++++++++++++++- 3 files changed, 25 insertions(+), 13 deletions(-) diff --git a/front/src/public/create-list.html b/front/src/public/create-list.html index 884ddc17..36bdc6ba 100644 --- a/front/src/public/create-list.html +++ b/front/src/public/create-list.html @@ -65,8 +65,8 @@

- - + +
@@ -83,8 +83,8 @@

- - + +
@@ -101,8 +101,8 @@

- - + +
@@ -119,8 +119,8 @@

- - + +
@@ -137,8 +137,8 @@

- - + +
diff --git a/front/src/public/scripts/create-list.js b/front/src/public/scripts/create-list.js index 8f757ebd..56002bb0 100644 --- a/front/src/public/scripts/create-list.js +++ b/front/src/public/scripts/create-list.js @@ -1,6 +1,4 @@ const loadFile = function (event, id) { const image = document.getElementById(id); - image.style.height = '100px'; - image.style.width = '100px'; image.src = URL.createObjectURL(event.target.files[0]); }; diff --git a/front/src/public/styles/create-list.css b/front/src/public/styles/create-list.css index 1257ffe0..9e4d0d3c 100644 --- a/front/src/public/styles/create-list.css +++ b/front/src/public/styles/create-list.css @@ -1,4 +1,10 @@ -img { +.accordion-body img[src='#'] { + display: none; +} + +.accordion-body img { + width: 200px; + height: 200px; object-fit: cover; } @@ -6,6 +12,10 @@ img { width: 100%; } +.accordion-body { + padding-top: 0px; +} + .accordion-button { font-size: 20px; } @@ -16,4 +26,8 @@ img { width: 60%; margin: auto; } + .accordion-body img { + width: 300px; + height: 300px; + } } From bc2eea023f325a931746143e5a554be08b133d83 Mon Sep 17 00:00:00 2001 From: skuzow Date: Fri, 17 Feb 2023 22:21:02 +0100 Subject: [PATCH 5/7] feat: accordion buttons color create list --- front/src/public/styles/create-list.css | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/front/src/public/styles/create-list.css b/front/src/public/styles/create-list.css index 9e4d0d3c..b8b8bbb0 100644 --- a/front/src/public/styles/create-list.css +++ b/front/src/public/styles/create-list.css @@ -1,3 +1,19 @@ +.accordion-button:not(.collapsed)::after { + background: var(--bs-accordion-btn-icon); + filter: brightness(1000%); + -webkit-filter: brightness(1000%); +} + +.accordion-button:not(.collapsed) { + background-color: #2d474f; + color: white; +} + +.accordion-button:focus { + border-color: #2d474f; + box-shadow: none; +} + .accordion-body img[src='#'] { display: none; } From 1c2af2debebda8c57f6908dba02da2e82c0e9e64 Mon Sep 17 00:00:00 2001 From: skuzow Date: Fri, 17 Feb 2023 23:42:53 +0100 Subject: [PATCH 6/7] feat: title input create list --- front/src/public/create-list.html | 21 ++++++++++++++------- 1 file changed, 14 insertions(+), 7 deletions(-) diff --git a/front/src/public/create-list.html b/front/src/public/create-list.html index 36bdc6ba..8f72c95a 100644 --- a/front/src/public/create-list.html +++ b/front/src/public/create-list.html @@ -46,8 +46,10 @@
- - + + + +