From 6fe49c5cd6ef20dc477f11dac098e4c18c2584ee Mon Sep 17 00:00:00 2001
From: Danijel Anđelković <adanijel99@gmail.com>
Date: Sat, 23 Apr 2022 03:01:02 +0200
Subject: Dodao korisnička podešavanja za pozadinu.
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../app/_pages/playground/playground.component.html   | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'frontend/src/app/_pages/playground/playground.component.html')

diff --git a/frontend/src/app/_pages/playground/playground.component.html b/frontend/src/app/_pages/playground/playground.component.html
index 5622cd83..d3751d5c 100644
--- a/frontend/src/app/_pages/playground/playground.component.html
+++ b/frontend/src/app/_pages/playground/playground.component.html
@@ -1 +1,18 @@
-<div style="height: 5000px;">
\ No newline at end of file
+<div class="position-fixed d-flex flex-col align-items-center justify-content-center" style="top: 50%; left: 50%; transform: translateX(-50%);">
+    <div class="d-flex flex-row align-items-center justify-content-center mt-5">
+        <h2 class="text-light my-2">
+            Broj tačaka:
+        </h2>
+        <mat-slider class="mx-3" [(ngModel)]="backgroundFill" min="0" max="1" step="0.01" (change)="updateBGPrefs()">
+        </mat-slider>
+
+    </div>
+    <div class="d-flex flex-row align-items-center justify-content-center mt-5">
+        <h2 class="text-light my-2">
+            Animacija: </h2>
+        <mat-slide-toggle class="mx-3" [(ngModel)]="animateBackground" (change)="updateBGPrefs()"></mat-slide-toggle>
+
+    </div>
+</div>
+<div style="height: 5000px;">
+</div>
\ No newline at end of file
-- 
cgit v1.2.3