Smaller max/min/close buttons

This commit is contained in:
Thomas Smith 2022-12-19 17:01:37 -05:00
parent 693b44f635
commit 8cb7921348
3 changed files with 6 additions and 5 deletions

View file

@ -31,7 +31,8 @@ h3,
h4,
h5,
h6,
button {
button,
.click-copy {
font-family: 'pp-neue-machina' !important;
}

View file

@ -63,7 +63,7 @@
<ul id="NavBar">
<nav data-tauri-drag-region class="flex justify-between">
<div class="flex gap-1 p-3">
<div class="flex gap-1 p-3 pt-3">
<button class="titlebar-button" id="titlebar-close" on:click={appWindow.close}>
<img src="/images/close.svg" alt="close" />
</button>
@ -139,8 +139,8 @@
display: inline-flex;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
width: 12px;
height: 12px;
border-radius: 8px;
opacity: 0.9;
}

View file

@ -34,7 +34,7 @@
</article>
</header>
<footer class="flex h-20 border-t border-gray text-white">
<input class="flex-grow bg-black pl-4" disabled value={copyValue} />
<input class="flex-grow click-copy bg-black pl-4" disabled value={copyValue} />
<Button class="w-16 border-0 border-l-2 text-sm" onClick={onCopy}>{copyButtonText}</Button>
<Button class="w-56 border-0 border-l-2 text-sm" onClick={() => console.log('cli')}
>OPEN IN TERMINAL</Button