waveterm/backup
0
0
Fork 0
mirror of https://github.com/wavetermdev/backup.git synced 2026-08-05 13:57:07 -07:00
Code Issues Packages Projects Releases Wiki Activity

Added window transparency ans styles

Browse Source
This commit is contained in:
Jarek Ceborski
2024-07-12 21:12:34 +02:00
parent 7bd0b743f4
commit e012cc16e6
7 changed files with 15 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/app/tab/tab.less
+10 -29
View File
@@ -4,7 +4,7 @@
.tab {
position: absolute;
width: 130px;
height: 100%;
height: calc(100% - 1px);
padding: 6px 3px 0px;
box-sizing: border-box;
font-weight: bold;
@@ -16,7 +16,7 @@
height: 100%;
white-space: nowrap;
border-radius: 6px;
background: rgba(35, 35, 35, 0.8);
background: rgba(255, 255, 255, 0.05);
}
&.animate {
@@ -26,36 +26,17 @@
}
&.active {
.base-bg {
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 6px;
left: 3px;
right: 3px;
bottom: 6px;
}
.tab-inner {
background: radial-gradient(ellipse at top, rgba(118, 255, 53, 0.1) 0%, transparent 120%),
radial-gradient(ellipse at bottom, rgba(117, 255, 53, 0.135) 0%, transparent 90%);
background: radial-gradient(ellipse 92px 32px at bottom, rgba(118, 255, 53, 0.3) 0%, transparent 100%),
rgba(255, 255, 255, 0.1);
box-shadow:
inset 0 1px 0 0 hsla(0, 0%, 100%, 0.05),
0 0 0 0.5px hsla(0, 0%, 100%, 0.35),
inset 0 -1px 0 0 rgba(0, 0, 0, 0.2);
}
.mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
to bottom,
rgb(57, 56, 56) 25%,
rgba(255, 255, 255, 0.201) 90%,
rgba(255, 255, 255, 0.215) 100%
);
opacity: 0.95;
border-radius: 5px;
z-index: 2;
pointer-events: none;
.name {
color: white;
}
}