Dashboard: Add more feedback for selected background

Signed-off-by: Jan C. Borchardt <hey@jancborchardt.net>

diff --git a/apps/dashboard/src/App.vue b/apps/dashboard/src/App.vue
index 294fddf259ba925ee86b4ae6833a069a1e84fa2e..12dfaa763eadbfe5b981a5ab8ef39345c4ae32ca 100644 (file)
--- a/apps/dashboard/src/App.vue
+++ b/apps/dashboard/src/App.vue
@@ -59,9 +59,6 @@
 
                                <h3>{{ t('dashboard', 'Change background image') }}</h3>
                                <BackgroundSettings :background="background" @updateBackground="updateBackground" />
-
-                               <h3>{{ t('dashboard', 'Credits') }}</h3>
-                               <p>{{ t('dashboard', 'Photos') }}: <a href="https://www.flickr.com/photos/paszczak000/8715851521/" target="_blank" rel="noopener">Clouds (Kamil Porembiński)</a>, <a href="https://www.flickr.com/photos/148302424@N05/36591009215/" target="_blank" rel="noopener">Un beau soir dété (Tanguy Domenge)</a>.</p>
                        </div>
                </Modal>
        </div>

diff --git a/apps/dashboard/src/components/BackgroundSettings.vue b/apps/dashboard/src/components/BackgroundSettings.vue
index 7c43ed9ff39e78b86c9b220e435589fdfdb2613a..4fc23363ec3c56566f2355235619496f90e689ab 100644 (file)
--- a/apps/dashboard/src/components/BackgroundSettings.vue
+++ b/apps/dashboard/src/components/BackgroundSettings.vue
@@ -177,6 +177,16 @@ export default {
             &:focus {
                 border: 2px solid var(--color-primary);
                        }
+
+                       &.active:after {
+                               background-image: var(--icon-checkmark-fff);
+                               background-repeat: no-repeat;
+                               background-position: center;
+                               background-size: 44px;
+                               content: '';
+                               display: block;
+                               height: 100%;
+                       }
                }
        }