Klectr/KRadio
1
0
Fork 0
Code Issues 4 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

(feat): remove custom window header

Browse Source
This commit is contained in:
Triston Armstrong 2024-04-07 11:41:44 -05:00
parent c79eb89e46
commit 66eee63a9c
No known key found for this signature in database
GPG Key ID: FADE6AC6F956FC52
4 changed files with 3 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
index.html
View File

@ -7,62 +7,6 @@
</head> </head>
<body> <body>
<div data-tauri-drag-region class="titlebar">
<div class="titlebar-button" id="titlebar-close">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-circle-x"
>
<circle cx="12" cy="12" r="10" />
<path d="m15 9-6 6" />
<path d="m9 9 6 6" />
</svg>
</div>
<div class="titlebar-button" id="titlebar-minimize">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-circle-minus"
>
<circle cx="12" cy="12" r="10" />
<path d="M8 12h8" />
</svg>
</div>
<div class="titlebar-button" id="titlebar-maximize">
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="lucide lucide-circle-plus"
>
<circle cx="12" cy="12" r="10" />
<path d="M8 12h8" />
<path d="M12 8v8" />
</svg>
</div>
</div>
<div id="root" /> <div id="root" />
<script type="module" src="/src/main.ts" defer></script> <script type="module" src="/src/main.ts" defer></script>
</body> </body>

2
src-tauri/Cargo.toml
View File

@ -11,7 +11,7 @@ edition = "2021"
tauri-build = { version = "1", features = [] } tauri-build = { version = "1", features = [] }
[dependencies] [dependencies]
tauri = { version = "1", features = [ "macos-private-api", "window-unmaximize", "window-show", "window-minimize", "window-hide", "window-start-dragging", "window-maximize", "window-unminimize", "window-close", "fs-read-file", "fs-create-dir", "fs-exists", "fs-write-file", "path-all", "shell-open"] } tauri = { version = "1", features = [ "macos-private-api", "fs-read-file", "fs-create-dir", "fs-exists", "fs-write-file", "path-all", "shell-open"] }
serde = { version = "1", features = ["derive"] } serde = { version = "1", features = ["derive"] }
serde_json = "1" serde_json = "1"
window-vibrancy = "0.4.0" window-vibrancy = "0.4.0"

11
src-tauri/tauri.conf.json
View File

@ -18,15 +18,7 @@
"open": true "open": true
}, },
"window": { "window": {
"all": false, "all": false
"close": true,
"hide": true,
"show": true,
"maximize": true,
"minimize": true,
"unmaximize": true,
"unminimize": true,
"startDragging": true
}, },
"fs": { "fs": {
"all": false, "all": false,
@ -46,7 +38,6 @@
"title": "KlectrRadio", "title": "KlectrRadio",
"width": 800, "width": 800,
"height": 600, "height": 600,
"decorations": false,
"resizable": true, "resizable": true,
"minWidth": 800, "minWidth": 800,
"minHeight": 600 "minHeight": 600

28
src/styles.css
View File

@ -9,7 +9,7 @@
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@apply bg-gray-100 mt-6; @apply bg-gray-100;
} }
html, html,
@ -24,29 +24,3 @@ body {
.paper { .paper {
@apply bg-white rounded-lg; @apply bg-white rounded-lg;
} }
.titlebar {
height: 30px;
user-select: none;
display: flex;
justify-content: flex-start;
gap: 8px;
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 5px;
cursor: grab;
}
.titlebar-button {
display: inline-flex;
justify-content: center;
align-items: center;
width: 15px;
height: 15px;
}
.titlebar-button:hover {
border-radius: 100%;
background: #5bbec3;
cursor: pointer;
}