QA fixes for components/templates (#150)

* Make select single match core (ui.page_fixed)

* remove comment in code

* change valuebox preview to image

components/inputs/select-single/app-core.py

@@ -1,6 +1,6 @@
 from shiny import App, render, ui
 
-app_ui = ui.page_fluid(
+app_ui = ui.page_fixed(
     ui.input_select(  # <<
         "select",  # <<
         "Select an option below:",  # <<

components/outputs/value-box/app-variation-theme-and-layout-examples-core.py

@@ -9,7 +9,6 @@
             "Up 30% VS PREVIOUS 30 DAYS",
             showcase=faicons.icon_svg("piggy-bank", width="50px"),
             theme="bg-gradient-indigo-purple",  # <<
-            full_screen=True,
         ),
         ui.value_box(
             "KPI Title",
@@ -18,7 +17,6 @@
             showcase=faicons.icon_svg("piggy-bank", width="50px"),
             theme="text-green",  # <<
             showcase_layout="top right",  # <<
-            full_screen=True,
         ),
         ui.value_box(
             "KPI Title",
@@ -27,7 +25,6 @@
             showcase=faicons.icon_svg("piggy-bank", width="50px"),
             theme="danger",  # <<
             showcase_layout="bottom",  # <<
-            full_screen=True,
         ),
     )
 )

components/outputs/value-box/app-variation-theme-and-layout-examples-express.py

@@ -5,7 +5,6 @@
     with ui.value_box(
         showcase=faicons.icon_svg("piggy-bank", width="50px"),
         theme="bg-gradient-indigo-purple",  # <<
-        full_screen=True,
     ):
         "KPI Title"
         "$1 Billion Dollars"
@@ -15,7 +14,6 @@
         showcase=faicons.icon_svg("piggy-bank", width="50px"),
         theme="text-green",  # <<
         showcase_layout="top right",  # <<
-        full_screen=True,
     ):
         "KPI Title"
         "$1 Billion Dollars"
@@ -25,7 +23,6 @@
         showcase=faicons.icon_svg("piggy-bank", width="50px"),
         theme="danger",  # <<
         showcase_layout="bottom",  # <<
-        full_screen=True,
     ):
         "KPI Title"
         "$1 Billion Dollars"

components/outputs/value-box/index.qmd

@@ -1,8 +1,8 @@
 ---
 title: Value Box
 sidebar: components
-appPreview:
-  file: components/outputs/value-box/app-preview.py
+preview: '<div class="p-0" style="overflow: hidden;border-radius:10px;"><p class="mb-0"><img style="width: auto;height:100%;max-height:150px;"
+  src="/images/valuebox.jpg"></p></div>'
 listing:
 - id: example
   template: ../../_partials/components-detail-example.ejs

components/outputs/verbatim-text/app-express.py

@@ -1,4 +1,3 @@
-# FIXME: Rewrite as an Express app
 from shiny import render
 from shiny.express import input, ui