tauri integration

2025-05-16 17:38:33 +02:00
parent 2e71cd8b9e
commit 06b2f0ffaf
66 changed files with 7239 additions and 0 deletions
@@ -0,0 +1,100 @@
+/* Header Component Styles */
+.app-header {
+  width: 100%;
+  user-select: none;
+  height: 40px;
+  position: relative;
+  z-index: 10;
+  background-color: transparent; /* Reverted to original */
+  /* cursor: move; */ /* Removed, should be handled by drag region or default */
+}
+
+.tabs-container {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  position: relative;
+  padding-right: 10px;
+  background-color: transparent;
+}
+
+/* Chrome-like tabs */
+.tab {
+  -webkit-app-region: no-drag; /* Override drag region for clickable tabs */
+  cursor: pointer; /* Ensure tabs have a pointer cursor */
+  height: 36px;
+  width: 42px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  font-size: 14px;
+  margin-right: 5px;
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+  color: var(--text-color);
+  background-color: transparent;
+  transition: all 0.2s ease;
+  cursor: pointer;
+  margin-top: 4px;
+}
+
+.tab:hover:not(.active):not(.drag-handle) {
+  background-color: var(--tab-bg);
+  transform: translateY(-2px);
+}
+
+.tab.active {
+  background-color: var(--tab-active);
+  color: var(--accent-color);
+  z-index: 1;
+  height: 40px;
+  margin-top: 0;
+  box-shadow: 0 0 10px rgba(137, 180, 250, 0.3);
+}
+
+/* Special drag handle tab */
+.tab.drag-handle {
+  width: 30px;
+  background-color: transparent;
+  color: rgba(205, 214, 244, 0.5);
+}
+
+.tab.drag-handle:hover {
+  color: rgba(205, 214, 244, 0.8);
+}
+
+/* Window control buttons */
+.window-controls {
+  -webkit-app-region: no-drag; /* Override drag region for buttons */
+  cursor: default; /* Keep default cursor for controls area */
+  display: flex;
+  gap: 8px;
+  margin-left: auto;
+  margin-right: 10px;
+}
+
+.minimize-button,
+.close-button {
+  background: none;
+  border: none;
+  font-size: 16px;
+  line-height: 1;
+  color: var(--text-color);
+  cursor: pointer;
+  padding: 2px 8px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.2s;
+}
+
+.minimize-button:hover,
+.close-button:hover {
+  background-color: var(--button-hover);
+}
+
+.close-button:hover {
+  color: #f38ba8;
+}