templates/partials/right-sidebar.html.twig line 1

Open in your IDE?
  2. <!-- Right Sidebar -->
  3. <div class="right-bar">
  4.     <div data-simplebar class="h-100">
  5.         <div class="rightbar-title d-flex align-items-center bg-dark p-3">
  7.             <h5 class="m-0 me-2 text-white">Theme Customizer</h5>
  9.             <a href="javascript:void(0);" class="right-bar-toggle ms-auto">
  10.                 <i class="mdi mdi-close noti-icon"></i>
  11.             </a>
  12.         </div>
  14.         <!-- Settings -->
  15.         <hr class="m-0" />
  17.         <div class="p-4">
  18.             <h6 class="mb-3">Layout</h6>
  19.             <div class="form-check form-check-inline">
  20.                 <input class="form-check-input" type="radio" name="layout"
  21.                     id="layout-vertical" value="vertical">
  22.                 <label class="form-check-label" for="layout-vertical">Vertical</label>
  23.             </div>
  24.             <div class="form-check form-check-inline">
  25.                 <input class="form-check-input" type="radio" name="layout"
  26.                     id="layout-horizontal" value="horizontal">
  27.                 <label class="form-check-label" for="layout-horizontal">Horizontal</label>
  28.             </div>
  30.             <h6 class="mt-4 mb-3 pt-2">Layout Mode</h6>
  32.             <div class="form-check form-check-inline">
  33.                 <input class="form-check-input" type="radio" name="layout-mode"
  34.                     id="layout-mode-light" value="light">
  35.                 <label class="form-check-label" for="layout-mode-light">Light</label>
  36.             </div>
  37.             <div class="form-check form-check-inline">
  38.                 <input class="form-check-input" type="radio" name="layout-mode"
  39.                     id="layout-mode-dark" value="dark">
  40.                 <label class="form-check-label" for="layout-mode-dark">Dark</label>
  41.             </div>
  43.             <h6 class="mt-4 mb-3 pt-2">Layout Width</h6>
  45.             <div class="form-check form-check-inline">
  46.                 <input class="form-check-input" type="radio" name="layout-width"
  47.                     id="layout-width-fuild" value="fuild" onchange="document.body.setAttribute('data-layout-size', 'fluid')">
  48.                 <label class="form-check-label" for="layout-width-fuild">Fluid</label>
  49.             </div>
  50.             <div class="form-check form-check-inline">
  51.                 <input class="form-check-input" type="radio" name="layout-width"
  52.                     id="layout-width-boxed" value="boxed" onchange="document.body.setAttribute('data-layout-size', 'boxed')">
  53.                 <label class="form-check-label" for="layout-width-boxed">Boxed</label>
  54.             </div>
  56.             <h6 class="mt-4 mb-3 pt-2">Layout Position</h6>
  58.             <div class="form-check form-check-inline">
  59.                 <input class="form-check-input" type="radio" name="layout-position"
  60.                     id="layout-position-fixed" value="fixed" onchange="document.body.setAttribute('data-layout-scrollable', 'false')">
  61.                 <label class="form-check-label" for="layout-position-fixed">Fixed</label>
  62.             </div>
  63.             <div class="form-check form-check-inline">
  64.                 <input class="form-check-input" type="radio" name="layout-position"
  65.                     id="layout-position-scrollable" value="scrollable" onchange="document.body.setAttribute('data-layout-scrollable', 'true')">
  66.                 <label class="form-check-label" for="layout-position-scrollable">Scrollable</label>
  67.             </div>
  69.             <h6 class="mt-4 mb-3 pt-2">Topbar Color</h6>
  71.             <div class="form-check form-check-inline">
  72.                 <input class="form-check-input" type="radio" name="topbar-color"
  73.                     id="topbar-color-light" value="light" onchange="document.body.setAttribute('data-topbar', 'light')">
  74.                 <label class="form-check-label" for="topbar-color-light">Light</label>
  75.             </div>
  76.             <div class="form-check form-check-inline">
  77.                 <input class="form-check-input" type="radio" name="topbar-color"
  78.                     id="topbar-color-dark" value="dark" onchange="document.body.setAttribute('data-topbar', 'dark')">
  79.                 <label class="form-check-label" for="topbar-color-dark">Dark</label>
  80.             </div>
  82.             <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Size</h6>
  84.             <div class="form-check sidebar-setting">
  85.                 <input class="form-check-input" type="radio" name="sidebar-size"
  86.                     id="sidebar-size-default" value="default" onchange="document.body.setAttribute('data-sidebar-size', 'lg')">
  87.                 <label class="form-check-label" for="sidebar-size-default">Default</label>
  88.             </div>
  89.             <div class="form-check sidebar-setting">
  90.                 <input class="form-check-input" type="radio" name="sidebar-size"
  91.                     id="sidebar-size-compact" value="compact" onchange="document.body.setAttribute('data-sidebar-size', 'md')">
  92.                 <label class="form-check-label" for="sidebar-size-compact">Compact</label>
  93.             </div>
  94.             <div class="form-check sidebar-setting">
  95.                 <input class="form-check-input" type="radio" name="sidebar-size"
  96.                     id="sidebar-size-small" value="small" onchange="document.body.setAttribute('data-sidebar-size', 'sm')">
  97.                 <label class="form-check-label" for="sidebar-size-small">Small (Icon View)</label>
  98.             </div>
  100.             <h6 class="mt-4 mb-3 pt-2 sidebar-setting">Sidebar Color</h6>
  102.             <div class="form-check sidebar-setting">
  103.                 <input class="form-check-input" type="radio" name="sidebar-color"
  104.                     id="sidebar-color-light" value="light" onchange="document.body.setAttribute('data-sidebar', 'light')">
  105.                 <label class="form-check-label" for="sidebar-color-light">Light</label>
  106.             </div>
  107.             <div class="form-check sidebar-setting">
  108.                 <input class="form-check-input" type="radio" name="sidebar-color"
  109.                     id="sidebar-color-dark" value="dark" onchange="document.body.setAttribute('data-sidebar', 'dark')">
  110.                 <label class="form-check-label" for="sidebar-color-dark">Dark</label>
  111.             </div>
  112.             <div class="form-check sidebar-setting">
  113.                 <input class="form-check-input" type="radio" name="sidebar-color"
  114.                     id="sidebar-color-brand" value="brand" onchange="document.body.setAttribute('data-sidebar', 'brand')">
  115.                 <label class="form-check-label" for="sidebar-color-brand">Brand</label>
  116.             </div>
  118.             <h6 class="mt-4 mb-3 pt-2">Direction</h6>
  120.             <div class="form-check form-check-inline">
  121.                 <input class="form-check-input" type="radio" name="layout-direction"
  122.                     id="layout-direction-ltr" value="ltr">
  123.                 <label class="form-check-label" for="layout-direction-ltr">LTR</label>
  124.             </div>
  125.             <div class="form-check form-check-inline">
  126.                 <input class="form-check-input" type="radio" name="layout-direction"
  127.                     id="layout-direction-rtl" value="rtl">
  128.                 <label class="form-check-label" for="layout-direction-rtl">RTL</label>
  129.             </div>
  131.         </div>
  133.     </div> <!-- end slimscroll-menu-->
  134. </div>
  135. <!-- /Right-bar -->
  137. <!-- Right bar overlay-->
  138. <div class="rightbar-overlay"></div>