searchbar

gui/SearchBar.qml

@@ -1,5 +1,42 @@
 import QtQuick
+import QtQuick.Controls
+
+
+Item
+{
+
+    TextField
+    {
+        id: searchBar
+        placeholderText: qsTr("Suche")
+        leftPadding: 3
+        rightPadding: 3
+        width: 300
+
+
+
+
+
+
+        Button
+        {
+            icon.source: "../images/search.svg"
+            icon.color: "olive"
+            anchors.right: parent.right
+            height: parent.height
+            flat: true
+
+        }
+    }
+        Button
+        {
+            icon.source: "../images/filter.svg"
+            icon.color: "olive"
+            anchors.left: searchBar.right
+            height: searchBar.height
+            flat: true
+
+        }
 
-Item {
 
 }

gui/Tables.qml

@@ -1,6 +1,11 @@
 import QtQuick
 
-Item {
-    text: "tables"
+Item
+{
 
+    SearchBar
+    {
+        id:searchBar
+        anchors.margins: 9
+    }
 }

gui/TopBar.qml

@@ -16,10 +16,13 @@ import QtQuick.Layouts
 
 
 
+
         anchors
         {
             top: parent.top
             left: parent.left
+
+
         }
 
         Button
@@ -29,6 +32,7 @@ import QtQuick.Layouts
             text: qsTr("Dashboard")
             implicitWidth: dashBoard.implicitContentWidth + 10
 
+
         }
 
         Button
@@ -79,6 +83,8 @@ import QtQuick.Layouts
             icon.source: "../images/menu.svg"
             icon.color: "red"
             flat: true
+            Layout.rightMargin: 9
+
 
         }
 

gui/main.qml

@@ -14,7 +14,14 @@ ApplicationWindow
     title: "PYQCRM"
     TopBar
     {
+
         id:topBar
+        anchors
+        {
+            rightMargin: 9
+            leftMargin: 9
+
+        }
 
         visible: bad_config? false: true
     }
@@ -31,6 +38,11 @@ ApplicationWindow
             right: parent.right
             top: topBar.bottom
             bottom: parent.bottom
+            topMargin: 0
+            rightMargin: 9
+            leftMargin: 9
+
+
         }
         source: bad_config? "firststart.qml": "Dashboard.qml"
         property alias window: appWindow

images/filter.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M440-160q-17 0-28.5-11.5T400-200v-240L168-736q-15-20-4.5-42t36.5-22h560q26 0 36.5 22t-4.5 42L560-440v240q0 17-11.5 28.5T520-160h-80Zm40-308 198-252H282l198 252Zm0 0Z"/></svg>

images/search.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#e8eaed"><path d="M784-120 532-372q-30 24-69 38t-83 14q-109 0-184.5-75.5T120-580q0-109 75.5-184.5T380-840q109 0 184.5 75.5T640-580q0 44-14 83t-38 69l252 252-56 56ZM380-400q75 0 127.5-52.5T560-580q0-75-52.5-127.5T380-760q-75 0-127.5 52.5T200-580q0 75 52.5 127.5T380-400Z"/></svg>