chiu
/
filebrowser
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Merge pull request #14 from gtsteffaniak/v0.1.4 

readme
This commit is contained in:
Graham Steffaniak 2023-08-17 18:34:03 -05:00 committed by GitHub
parent 4d22d97f3a cacafabb6d
commit 243b365b7e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
README.md
View File

@ -1,4 +1,4 @@
## Gtstef / filebrowser ## Filebrowser
**Note: Intended to be used in docker only.** **Note: Intended to be used in docker only.**
@ -44,15 +44,14 @@ Once this is fully complete, the only updates to th
## Look ## Look
This is how desktop search looks in 0.1.3, the styling will be further refined in the next version. General UI desktop (dark mode):
![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/761f2a08-cafb-4f79-90fe-48fa50679f48) ![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: [General UI mobile (dark mode)](https://github.com/gtsteffaniak/filebrowser/assets/42989099/634d3ba6-7ac0-425b-8a83-419743e92fec)
![image](https://github.com/gtsteffaniak/filebrowser/assets/42989099/03af7760-73a0-4a5d-ab32-84815e455245)
search categories are improved: ![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](https://github.com/gtsteffaniak/filebrowser/assets/42989099/e179b821-f4e2-4568-b895-4e00de371637)
## Performance ## Performance

15
frontend/public/themes/dark.css
View File

@ -48,9 +48,6 @@ header {
background: var(--background); background: var(--background);
color: var(--textPrimary); color: var(--textPrimary);
} }
#search .boxes {
background: var(--surfaceSecondary);
}
#search .boxes h3 { #search .boxes h3 {
color: var(--textPrimary); color: var(--textPrimary);
} }
@ -196,10 +193,6 @@ nav {
background: var(--surfaceSecondary) !important; background: var(--surfaceSecondary) !important;
} }
.button-group button {
background-color:darkgray;
}
.share__box { .share__box {
background: var(--surfacePrimary) !important; background: var(--surfacePrimary) !important;
color: var(--textPrimary); color: var(--textPrimary);
@ -212,3 +205,11 @@ nav {
.helpButton { .helpButton {
background: var(--background); background: var(--background);
} }
.sizeInputWrapper {
background: var(--background);
color: white
}
.button-group button {
background: var(--background);
color: white
}

4
frontend/src/components/ButtonGroup.vue
View File

@ -85,7 +85,7 @@ button {
height: 3em; height: 3em;
padding: 8px 16px; padding: 8px 16px;
border: none; border: none;
background-color: #f5f5f5; background: #f5f5f5;
transition: background-color 0.3s; transition: background-color 0.3s;
/* Add borders */ /* Add borders */
@ -98,7 +98,7 @@ button {
} }
button:hover { button:hover {
background-color: #e0e0e0; background: #e0e0e0;
} }
button.active { button.active {