refacor media widget, apply clang format rule
This commit is contained in:
@@ -7,18 +7,16 @@
|
||||
:root {
|
||||
--icon-font-material: "Material Icons", sans-serif;
|
||||
--icon-font-awesome: "Font Awesome 7 Free", sans-serif;
|
||||
--text-font: "Hack Nerd Font Mono", sans-serif;
|
||||
--text-font: "Hack Nerd Font", sans-serif;
|
||||
--text-font-mono: "Hack Nerd Font Mono", monospace;
|
||||
}
|
||||
|
||||
window {
|
||||
background-color: #191919c6;
|
||||
color: #ffffff;
|
||||
padding-left: 4px;
|
||||
padding-right: 4px;
|
||||
padding-bottom: 2px;
|
||||
font-size: 14px;
|
||||
font-family: var(--text-font);
|
||||
padding: 2px 6px;
|
||||
}
|
||||
|
||||
.material-icons {
|
||||
@@ -26,20 +24,16 @@ window {
|
||||
}
|
||||
|
||||
.icon-button {
|
||||
font-size: 16px;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.tab-icon {
|
||||
font-size: 20px;
|
||||
margin-right: 6px;
|
||||
border-radius: 4px;
|
||||
border: 1px solid transparent;
|
||||
padding: 2px 4px;
|
||||
}
|
||||
|
||||
.control-center-tab-row {
|
||||
background-color: rgba(50, 50, 50, 0.8);
|
||||
border-radius: 8px;
|
||||
border-radius: 4px;
|
||||
padding: 2px 4px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
@@ -54,25 +48,24 @@ window {
|
||||
popover {
|
||||
margin-top: 4px;
|
||||
font-family: var(--text-font);
|
||||
border-radius: 8px;
|
||||
border-radius: 4px;
|
||||
|
||||
background: rgba(25, 25, 25, 0.8);
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
|
||||
border: 1px solid rgba(57, 57, 57, 0.71);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.control-center-popover {
|
||||
background-color: rgba(35, 35, 35, 0.95);
|
||||
padding: 12px;
|
||||
padding-top : 6px;
|
||||
border-radius: 8px;
|
||||
border-radius: 4px;
|
||||
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
|
||||
border: 1px solid rgba(57, 57, 57, 0.8);
|
||||
}
|
||||
|
||||
.control-center-player-container {
|
||||
border-radius: 8px;
|
||||
border-radius: 4px;
|
||||
background: rgba(35, 35, 35, 0.95);
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
@@ -131,11 +124,10 @@ tooltip {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
button {
|
||||
.button {
|
||||
font-size: 14px;
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
color: #ffffff;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
color 0.2s,
|
||||
@@ -157,7 +149,7 @@ button {
|
||||
.workspace-pill {
|
||||
padding: 2px 5px;
|
||||
margin-right: 6px;
|
||||
border-radius: 5px;
|
||||
border-radius: 4px;
|
||||
text-shadow: 0 0 2px #646464;
|
||||
transition:
|
||||
background-color 0.2s,
|
||||
|
||||
Reference in New Issue
Block a user