noham/Pocket-Bird
1
0
Fork 0
mirror of https://github.com/NohamR/Pocket-Bird.git synced 2026-05-26 12:17:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Finish window borders

Browse Source
This commit is contained in:
Idrees Hassan
2024-12-20 21:06:57 -05:00
parent c0850fb1a4
commit 327f5c0b12
1 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
index.html
View File

@@ -73,6 +73,25 @@
color: black; color: black;
} }
.window-title {
text-align: center;
flex-grow: 1;
user-select: none;
color: #ffecda;
}
.window-close {
position: absolute;
top: 0;
right: var(--double-border-size);
opacity: 0.35;
user-select: none;
}
.window-close:hover {
opacity: 1;
}
.window-content { .window-content {
box-sizing: border-box; box-sizing: border-box;
background-color: #ffecda; background-color: #ffecda;
@@ -81,7 +100,8 @@
flex-grow: 1; flex-grow: 1;
box-shadow: box-shadow:
var(--border-size) 0 #ffecda, var(--border-size) 0 #ffecda,
var(--neg-border-size) 0 #ffecda, var(--neg-border-size) 0 #ffecda,
0 var(--border-size) #ffecda,
0 var(--neg-border-size) black, 0 var(--neg-border-size) black,
0 var(--border-size) black; 0 var(--border-size) black;
} }
@@ -103,7 +123,7 @@
</div> </div>
<div class="window"> <div class="window">
<div class="window-header"> <div class="window-header">
<div class="window-title">Birb Sandbox</div> <div class="window-title">settings</div>
<div class="window-close">x</div> <div class="window-close">x</div>
</div> </div>
<div class="window-content"> <div class="window-content">