Refresh sidebar layout with Tailwind

2026-08-05 13:19:40 +02:00
parent a88ca99697
commit 41a562cd6f
3 changed files with 18 additions and 15 deletions
@@ -10,10 +10,6 @@
  <body>
    <main class="catalog-screen">
      <aside class="control-panel">
-        <div class="app-status">
-          <span class="safe-mode" id="databaseStatus">DB read-only</span>
-        </div>
-
        <div class="record-id" id="recordId">&nbsp;</div>

        <div class="arrow-row">
@@ -21,7 +17,7 @@
          <button class="arrow-button arrow-button-next" id="nextProductButton" type="button" title="Next product" aria-label="Next product"></button>
        </div>

-        <div class="parser-actions" aria-label="Parser actions">
+        <div class="sidebar-section parser-actions" aria-label="Parser actions">
          <button class="action-button" id="findSourcesButton" type="button">Find sources</button>
          <button class="action-button" id="getPicturesButton" type="button">Get pictures</button>
          <button class="action-button" type="button">Get features</button>
@@ -60,8 +56,13 @@
        <button class="action-button primary" type="button">Show menu (20)</button>
        <button class="action-button" type="button">Scraper - 03</button>
        <button class="action-button" type="button">BG remover - 04</button>
-        <button class="action-button" id="themeToggle" type="button" aria-pressed="false">Dark theme</button>
-        <button class="action-button" id="settingsButton" type="button">Settings</button>
+        <div class="sidebar-footer">
+          <div class="app-status">
+            <span class="safe-mode" id="databaseStatus">DB read-only</span>
+          </div>
+          <button class="action-button" id="themeToggle" type="button" aria-pressed="false">Dark theme</button>
+          <button class="action-button" id="settingsButton" type="button">Settings</button>
+        </div>
      </aside>

      <section class="product-panel">