xuthus/pigallery2
1
0
Fork 0
mirror of https://github.com/xuthus83/pigallery2.git synced 2025-01-14 14:43:17 +08:00
Code Actions Projects Activity

Making photos pop on hover.

Browse Source 
Also making themes default. #587
This commit is contained in:
Patrik J. Braun 2023-08-05 20:32:15 +02:00
parent 7b5e187477
commit 08a6fcbddc
3 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/common/config/public/ClientConfig.ts
View File

@ -811,12 +811,11 @@ export class ThemesConfig {
@ConfigProperty({ @ConfigProperty({
tags: { tags: {
name: $localize`Enable`, name: $localize`Enable`,
experimental: true,
githubIssue: 642 githubIssue: 642
} as TAGS, } as TAGS,
description: $localize`Enable themes and color modes. Experimental until bootstrap v5.3 is only alpha.` description: $localize`Enable themes and color modes.`
}) })
enabled: boolean = false; enabled: boolean = true;
@ConfigProperty({ @ConfigProperty({
type: ThemeModes, type: ThemeModes,
@ -826,7 +825,7 @@ export class ThemesConfig {
} as TAGS, } as TAGS,
description: $localize`Sets the default theme mode that is used for the application.` description: $localize`Sets the default theme mode that is used for the application.`
}) })
defaultMode: ThemeModes = ThemeModes.light; defaultMode: ThemeModes = ThemeModes.auto;
@ConfigProperty({ @ConfigProperty({
type: 'string', type: 'string',

4
src/frontend/app/ui/gallery/grid/photo/photo.grid.gallery.component.css
View File

@ -1,6 +1,10 @@
:host { :host {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
transition: scale .3s ease-out;
}
:host:hover {
scale: 98%;
} }
img { img {

1
src/frontend/app/ui/settings/template/template.component.css
View File

@ -15,6 +15,7 @@
.form-switch .form-check-input:checked { .form-switch .form-check-input:checked {
background-color: var(--bs-success); background-color: var(--bs-success);
border-color: var(--bs-success);
} }
.form-switch .form-check-input:focus { .form-switch .form-check-input:focus {