mirror of
https://github.com/NohamR/Pocket-Bird.git
synced 2026-05-26 12:17:23 +00:00
Finish window borders
This commit is contained in:
22
index.html
22
index.html
@@ -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;
|
||||||
@@ -82,6 +101,7 @@
|
|||||||
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">
|
||||||
|
|||||||
Reference in New Issue
Block a user