diff --git a/mediarepo-ui/package.json b/mediarepo-ui/package.json
index 0bcd415..5a97de0 100644
--- a/mediarepo-ui/package.json
+++ b/mediarepo-ui/package.json
@@ -23,6 +23,9 @@
"@angular/platform-browser": "~12.2.0",
"@angular/platform-browser-dynamic": "~12.2.0",
"@angular/router": "~12.2.0",
+ "@ng-icons/core": "^13.1.1",
+ "@ng-icons/feather-icons": "^13.1.1",
+ "@ng-icons/material-icons": "^13.1.1",
"@tauri-apps/api": "^1.0.0-beta.8",
"ngx-lightbox": "^2.5.1",
"primeicons": "^4.1.0",
diff --git a/mediarepo-ui/src/app/app.component.scss b/mediarepo-ui/src/app/app.component.scss
index e69de29..92c9c07 100644
--- a/mediarepo-ui/src/app/app.component.scss
+++ b/mediarepo-ui/src/app/app.component.scss
@@ -0,0 +1,7 @@
+::ng-deep .mat-button-wrapper > ng-icon {
+ font-size: 26px;
+}
+
+::ng-deep ng-icon {
+ font-size: 24px;
+}
diff --git a/mediarepo-ui/src/app/app.module.ts b/mediarepo-ui/src/app/app.module.ts
index 72acc3d..ab776c3 100644
--- a/mediarepo-ui/src/app/app.module.ts
+++ b/mediarepo-ui/src/app/app.module.ts
@@ -23,7 +23,6 @@ import {MatProgressBarModule} from "@angular/material/progress-bar";
import {MatPaginatorModule} from "@angular/material/paginator";
import {ScrollingModule} from "@angular/cdk/scrolling";
import {MatChipsModule} from "@angular/material/chips";
-import {MatIconModule} from "@angular/material/icon";
import {MatAutocompleteModule} from "@angular/material/autocomplete";
import {FileSearchComponent} from './components/file-search/file-search.component';
import {MatTabsModule} from "@angular/material/tabs";
@@ -66,6 +65,8 @@ import {HttpClientModule} from "@angular/common/http";
import { AudioViewerComponent } from './components/file-gallery/content-viewer/audio-viewer/audio-viewer.component';
import { BusyIndicatorComponent } from './components/busy-indicator/busy-indicator.component';
import { FileThumbnailComponent } from './components/file-thumbnail/file-thumbnail.component';
+import {NgIconsModule} from "@ng-icons/core";
+import * as materialIcons from "@ng-icons/material-icons";
@NgModule({
declarations: [
@@ -120,7 +121,6 @@ import { FileThumbnailComponent } from './components/file-thumbnail/file-thumbna
MatPaginatorModule,
ScrollingModule,
MatChipsModule,
- MatIconModule,
MatAutocompleteModule,
MatTabsModule,
FlexModule,
@@ -138,6 +138,7 @@ import { FileThumbnailComponent } from './components/file-thumbnail/file-thumbna
MatExpansionModule,
MatCheckboxModule,
HttpClientModule,
+ NgIconsModule.withIcons({...materialIcons}),
],
providers: [],
bootstrap: [AppComponent]
diff --git a/mediarepo-ui/src/app/components/file-edit/file-edit.component.html b/mediarepo-ui/src/app/components/file-edit/file-edit.component.html
index fceddc5..8d0ca8d 100644
--- a/mediarepo-ui/src/app/components/file-edit/file-edit.component.html
+++ b/mediarepo-ui/src/app/components/file-edit/file-edit.component.html
@@ -11,7 +11,7 @@
@@ -21,9 +21,9 @@
diff --git a/mediarepo-ui/src/app/components/file-gallery/content-viewer/image-viewer/image-viewer.component.html b/mediarepo-ui/src/app/components/file-gallery/content-viewer/image-viewer/image-viewer.component.html
index f2f9c11..9d315ac 100644
--- a/mediarepo-ui/src/app/components/file-gallery/content-viewer/image-viewer/image-viewer.component.html
+++ b/mediarepo-ui/src/app/components/file-gallery/content-viewer/image-viewer/image-viewer.component.html
@@ -4,7 +4,7 @@
diff --git a/mediarepo-ui/src/app/components/file-search/file-search.component.html b/mediarepo-ui/src/app/components/file-search/file-search.component.html
index bdc8c27..c5478ea 100644
--- a/mediarepo-ui/src/app/components/file-search/file-search.component.html
+++ b/mediarepo-ui/src/app/components/file-search/file-search.component.html
@@ -6,12 +6,12 @@
diff --git a/mediarepo-ui/src/app/components/file-search/file-search.component.scss b/mediarepo-ui/src/app/components/file-search/file-search.component.scss
index 1dfe215..f0f4d6f 100644
--- a/mediarepo-ui/src/app/components/file-search/file-search.component.scss
+++ b/mediarepo-ui/src/app/components/file-search/file-search.component.scss
@@ -58,5 +58,5 @@
.filter-dialog-button {
position: absolute;
right: -13px;
- top: -20px;
+ top: -17px;
}
diff --git a/mediarepo-ui/src/app/components/file-search/filter-dialog/tag-filter-list-item/tag-filter-list-item.component.html b/mediarepo-ui/src/app/components/file-search/filter-dialog/tag-filter-list-item/tag-filter-list-item.component.html
index b1116e3..51d2a45 100644
--- a/mediarepo-ui/src/app/components/file-search/filter-dialog/tag-filter-list-item/tag-filter-list-item.component.html
+++ b/mediarepo-ui/src/app/components/file-search/filter-dialog/tag-filter-list-item/tag-filter-list-item.component.html
@@ -1,7 +1,7 @@
{{expression.data.getDisplayName()}}
@@ -11,7 +11,7 @@
0">OR
{{entry[1].getNormalizedTag()}}
diff --git a/mediarepo-ui/src/app/components/file-search/sort-dialog/sort-dialog.component.html b/mediarepo-ui/src/app/components/file-search/sort-dialog/sort-dialog.component.html
index 67978ff..c0b64e0 100644
--- a/mediarepo-ui/src/app/components/file-search/sort-dialog/sort-dialog.component.html
+++ b/mediarepo-ui/src/app/components/file-search/sort-dialog/sort-dialog.component.html
@@ -4,7 +4,7 @@
diff --git a/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.html b/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.html
index 8c1fe20..f8281cf 100644
--- a/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.html
+++ b/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.html
@@ -1,12 +1,12 @@
- movie
- gif
+
+
- image
- movie
- audiotrack
- description
+
+
+
+
diff --git a/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.scss b/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.scss
index a904e74..7d019cc 100644
--- a/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.scss
+++ b/mediarepo-ui/src/app/components/file-thumbnail/file-thumbnail.component.scss
@@ -12,7 +12,7 @@ app-content-aware-image {
width: 100%;
display: flex;
- mat-icon {
+ ng-icon {
align-self: center;
margin: auto;
}
@@ -24,13 +24,13 @@ app-content-aware-image {
right: 0;
}
-mat-icon.gif-icon {
+ng-icon.gif-icon {
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.5);
padding: 0.1em;
}
-mat-icon {
+ng-icon {
font-size: 4em;
height: 1em;
width: 1em;
diff --git a/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html b/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html
index 5861d6d..a7af886 100644
--- a/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html
+++ b/mediarepo-ui/src/app/components/inputs/native-file-select/native-file-select.component.html
@@ -6,10 +6,10 @@
diff --git a/mediarepo-ui/src/app/pages/home/repositories-tab/add-repository-dialog/add-repository-dialog.component.html b/mediarepo-ui/src/app/pages/home/repositories-tab/add-repository-dialog/add-repository-dialog.component.html
index fb4d91f..1841db6 100644
--- a/mediarepo-ui/src/app/pages/home/repositories-tab/add-repository-dialog/add-repository-dialog.component.html
+++ b/mediarepo-ui/src/app/pages/home/repositories-tab/add-repository-dialog/add-repository-dialog.component.html
@@ -21,7 +21,7 @@
matTooltip="Path where the repository is located or should be created"
matTooltipShowDelay="1000">
Path
diff --git a/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html b/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html
index 0f1c07b..9216d92 100644
--- a/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html
+++ b/mediarepo-ui/src/app/pages/home/repositories-tab/repository-card/repository-card.component.html
@@ -26,7 +26,7 @@
mat-flat-button>Disconnect
diff --git a/mediarepo-ui/src/index.html b/mediarepo-ui/src/index.html
index 02ca7e2..2e347f1 100644
--- a/mediarepo-ui/src/index.html
+++ b/mediarepo-ui/src/index.html
@@ -6,9 +6,6 @@
-
-
-
diff --git a/mediarepo-ui/yarn.lock b/mediarepo-ui/yarn.lock
index fcc1285..64a62d0 100644
--- a/mediarepo-ui/yarn.lock
+++ b/mediarepo-ui/yarn.lock
@@ -1331,6 +1331,27 @@
merge-source-map "^1.1.0"
schema-utils "^2.7.0"
+"@ng-icons/core@^13.1.1":
+ version "13.1.1"
+ resolved "https://registry.yarnpkg.com/@ng-icons/core/-/core-13.1.1.tgz#e462e84c4777fc04cf9de75f0ad2957f6134ffb0"
+ integrity sha512-1bGXH8uNH+5NF6dP/niw35BsPHa8cpROEABmvJSfxdenRlNpOK7mGEh51HsO5/8Txq4vpxz9UjjTATgToDfxsQ==
+ dependencies:
+ tslib "^2.2.0"
+
+"@ng-icons/feather-icons@^13.1.1":
+ version "13.1.1"
+ resolved "https://registry.yarnpkg.com/@ng-icons/feather-icons/-/feather-icons-13.1.1.tgz#c263daef9628813b90b3e03bc32dc4f2b4cb2e89"
+ integrity sha512-8bR6UGo/VHA3fhTEiOYB/mWJZcSdn1DQfTqJrmxL22jIAC5qDW8sG8jq3nbPSixGBPq7iqjqxMrBH5vAqwYhKQ==
+ dependencies:
+ tslib "^2.2.0"
+
+"@ng-icons/material-icons@^13.1.1":
+ version "13.1.1"
+ resolved "https://registry.yarnpkg.com/@ng-icons/material-icons/-/material-icons-13.1.1.tgz#e4bd78276b68c0b9fbf0d4a076a51750b4deb98d"
+ integrity sha512-G9Tn2w/a1PgnARea294J8pieBD52MCEp7zbi9N7hhvuFaRlvyXdLtdqNw/GEb0dy8CEJkp258XZQepnKd6Z6kQ==
+ dependencies:
+ tslib "^2.2.0"
+
"@ngtools/webpack@12.2.9":
version "12.2.9"
resolved "https://registry.yarnpkg.com/@ngtools/webpack/-/webpack-12.2.9.tgz#e13d815d35e155bea6e2b13f6f54bc3275ed0670"