From 146595ab79b1b72e572c541f25122f0892007688 Mon Sep 17 00:00:00 2001 From: Graham Steffaniak Date: Thu, 17 Aug 2023 18:24:42 -0500 Subject: [PATCH 1/3] updated styling --- frontend/public/themes/dark.css | 15 ++++++++------- frontend/src/components/ButtonGroup.vue | 4 ++-- 2 files changed, 10 insertions(+), 9 deletions(-) diff --git a/frontend/public/themes/dark.css b/frontend/public/themes/dark.css index ddd84014..86ac857c 100644 --- a/frontend/public/themes/dark.css +++ b/frontend/public/themes/dark.css @@ -48,9 +48,6 @@ header { background: var(--background); color: var(--textPrimary); } -#search .boxes { - background: var(--surfaceSecondary); -} #search .boxes h3 { color: var(--textPrimary); } @@ -196,10 +193,6 @@ nav { background: var(--surfaceSecondary) !important; } -.button-group button { - background-color:darkgray; -} - .share__box { background: var(--surfacePrimary) !important; color: var(--textPrimary); @@ -212,3 +205,11 @@ nav { .helpButton { background: var(--background); } +.sizeInputWrapper { + background: var(--background); + color: white +} +.button-group button { + background: var(--background); + color: white +} diff --git a/frontend/src/components/ButtonGroup.vue b/frontend/src/components/ButtonGroup.vue index a78dd7d7..bcbd4c17 100644 --- a/frontend/src/components/ButtonGroup.vue +++ b/frontend/src/components/ButtonGroup.vue @@ -85,7 +85,7 @@ button { height: 3em; padding: 8px 16px; border: none; - background-color: #f5f5f5; + background: #f5f5f5; transition: background-color 0.3s; /* Add borders */ @@ -98,7 +98,7 @@ button { } button:hover { - background-color: #e0e0e0; + background: #e0e0e0; } button.active { From 56ded7d724cf204e88cead76bb9a8ecc1cf6b09f Mon Sep 17 00:00:00 2001 From: Graham Steffaniak <42989099+gtsteffaniak@users.noreply.github.com> Date: Thu, 17 Aug 2023 18:28:02 -0500 Subject: [PATCH 2/3] Update README.md --- README.md | 16 +++++++++------- 1 file changed, 9 insertions(+), 7 deletions(-) diff --git a/README.md b/README.md index 0ed986b8..205326a5 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,4 @@ -## Gtstef / filebrowser +## Filebrowser **Note: Intended to be used in docker only.** @@ -44,15 +44,17 @@ Once this is fully complete, the only updates to th ## Look -This is how desktop search looks in 0.1.3, the styling will be further refined in the next version. -![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/761f2a08-cafb-4f79-90fe-48fa50679f48) +General UI desktop (dark mode): +![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/11346953-f3eb-4f2f-a833-1d615e0e38bc) -However mobile search still appears very similar to filebrowser/filebrowsers original implementation: -![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/03af7760-73a0-4a5d-ab32-84815e455245) +General UI mobile (dark mode): +![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/634d3ba6-7ac0-425b-8a83-419743e92fec) -search categories are improved: +This is how desktop search looks in 0.1.4: +![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/c8dc8af1-6869-4736-9092-c47f735bbdc0) -![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/5572ef20-3047-43b9-92f8-95c4ce6f12b5) +However, mobile search still appears very similar to filebrowser/filebrowsers original implementation: +![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/e179b821-f4e2-4568-b895-4e00de371637) ## Performance From cacafabb6d3146e9c81b10d95033df01ba3abe8d Mon Sep 17 00:00:00 2001 From: Graham Steffaniak <42989099+gtsteffaniak@users.noreply.github.com> Date: Thu, 17 Aug 2023 18:33:34 -0500 Subject: [PATCH 3/3] Update README.md --- README.md | 7 ++----- 1 file changed, 2 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index 205326a5..d63ca03d 100644 --- a/README.md +++ b/README.md @@ -47,14 +47,11 @@ Once this is fully complete, the only updates to th General UI desktop (dark mode): ![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/11346953-f3eb-4f2f-a833-1d615e0e38bc) -General UI mobile (dark mode): -![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/634d3ba6-7ac0-425b-8a83-419743e92fec) +[General UI mobile (dark mode)](https://github.com/gtsteffaniak/filebrowser/assets/42989099/634d3ba6-7ac0-425b-8a83-419743e92fec) -This is how desktop search looks in 0.1.4: ![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/c8dc8af1-6869-4736-9092-c47f735bbdc0) -However, mobile search still appears very similar to filebrowser/filebrowsers original implementation: -![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/e179b821-f4e2-4568-b895-4e00de371637) +[However, mobile search still appears very similar to filebrowser/filebrowsers original implementation](https://github.com/gtsteffaniak/filebrowser/assets/42989099/e179b821-f4e2-4568-b895-4e00de371637) ## Performance