sankalp/Modus
1
0 Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

new

Browse Source
This commit is contained in:
sankalp committed 2025-06-07 15:11:26 +05:45
1 parent f53b335793
commit e1a85413c2
105 files changed
+6137 -27999
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

styles/dock.css
+43 -28
View File
@@ -1,52 +1,69 @@
#dock {
background-color: var(--surface);
background-color: var(--shadow);
padding: 8px;
margin: 8px 8px 7px 8px;
margin: 8px 8px 0 8px;
border-radius: 20px 20px 0 0;
transition: all 0.25s cubic-bezier(0.5, 0.25, 0, 1);
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#dock.vertical {
margin: 8px 79px 8px 8px;
margin: 8px 0 8px 8px;
border-radius: 20px 0 0 20px;
}
#dock.vertical-left {
margin: 8px 39px 8px 0px;
#dock.vertical.left {
margin: 8px 8px 8px 0;
border-radius: 0 20px 20px 0;
}
#dock.vertical-right{
margin: 8px 79px 8px 8px;
#dock.dense {
margin: 8px 8px 4px 8px;
border-radius: 20px;
border: 2px solid var(--surface);
}
#dock.edge {
border-radius: 20px 20px 0 0;
border: 2px solid var(--surface);
border-bottom: none;
}
#dock.dense.vertical {
margin: 8px 4px 8px 8px;
border-radius: 20px;
border: 2px solid var(--surface);
}
#dock.edge.vertical {
border-radius: 20px 0 0 20px;
border: 2px solid var(--surface);
border-right: none;
}
#dock-full {
transition: all 0.25s cubic-bezier(0.5, 0.25, 0, 1);
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
opacity: 1;
}
#dock-full.occluded {
@apply dock_nmargin();
}
#dock-separator {
padding: 1px;
@apply dock_sep();
padding: 2px;
border-radius: 16px;
background-color: var(--surface-bright);
}
#dock-app-button {
padding: 4px;
border-radius: 12px;
border-radius: 24px;
box-shadow: 0 0 4px alpha(var(--shadow), 0.5);
transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
#dock-app-button:hover,
#dock-app-button:hover.instance {
#dock-app-button:hover {
background-color: var(--surface-bright);
border-top: 1px solid var(--primary);
padding-top: 3px;
}
#dock-app-button:hover.instance {
background-color: var(--outline);
}
#dock-app-button:active,
@@ -55,24 +72,22 @@
}
#dock-app-button.instance {
background: linear-gradient(to top, transparent, var(--surface-bright));
border-bottom: 1px solid var(--surface-container);
border-top: 1px solid var(--outline);
padding: 3px 4px;
background: var(--surface-bright);
border-radius: 12px;
}
#dock-corner-left {
margin: 0 -8px 7px 0;
margin: 0 -8px 0 0;
}
#dock-corner-right {
margin: 0 0 7px -8px;
margin: 0 0 0 -8px;
}
#dock-corner-top {
margin: 0 79px -8px 0;
margin: 0 0 -8px 0;
}
#dock-corner-bottom {
margin: -8px 79px 0 0;
margin: -8px 0 0 0;
}