Settings button design

daroczig · daroczig · commit 7ba46bdf588c · 2023-04-23T12:58:37.000+02:00
diff --git a/apps/countdown/ui.R b/apps/countdown/ui.R
@@ -1,4 +1,5 @@
 library(shiny)
+library(shinyWidgets)
 library(particlesjs)
 
 ui <- basicPage(
@@ -7,7 +8,7 @@ ui <- basicPage(
         tags$link(rel = "stylesheet", type = "text/css", href = "app.css")
     ),
     particles(),
-    actionButton('settings_show', 'Settings'),
+    actionBttn('settings_show', 'Settings', icon = icon('gear'), style = 'material-circle'),
 
     div(
         h1(uiOutput('title')),
diff --git a/apps/countdown/www/app.css b/apps/countdown/www/app.css
@@ -8,3 +8,10 @@
     padding: 25px 30px;
     border-radius: 25px;
 }
+
+#settings_show {
+    position: absolute;
+    top: 25px;
+    right: 25px;
+    color: black;
+}
