mirror of
https://github.com/tuxdotrs/tpanel.git
synced 2026-02-04 06:56:47 +05:30
style: adjust scss for consistent styling
This commit is contained in:
@@ -15,7 +15,7 @@ window.Bar {
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
-gtk-icon-size: 1.5rem;
|
-gtk-icon-size: 1.2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -73,13 +73,13 @@ window.Bar {
|
|||||||
padding: 8px;
|
padding: 8px;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
-gtk-icon-size: 1.5rem;
|
-gtk-icon-size: 1.2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tray {
|
.tray {
|
||||||
image {
|
image {
|
||||||
-gtk-icon-size: 1.3rem;
|
-gtk-icon-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
menubutton {
|
menubutton {
|
||||||
|
|||||||
@@ -15,7 +15,7 @@ window.control-center {
|
|||||||
color: $fg-color;
|
color: $fg-color;
|
||||||
background-color: $inactive-color;
|
background-color: $inactive-color;
|
||||||
border-radius: calc($rounded / 1.5);
|
border-radius: calc($rounded / 1.5);
|
||||||
padding: 20px;
|
padding: 15px;
|
||||||
|
|
||||||
image {
|
image {
|
||||||
-gtk-icon-size: 2rem;
|
-gtk-icon-size: 2rem;
|
||||||
@@ -32,19 +32,19 @@ window.control-center {
|
|||||||
.header {
|
.header {
|
||||||
.name {
|
.name {
|
||||||
color: rgba($fg-color, 0.8);
|
color: rgba($fg-color, 0.8);
|
||||||
font-size: 1.8rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.username {
|
.username {
|
||||||
color: rgba($fg-color, 0.5);
|
color: rgba($fg-color, 0.5);
|
||||||
font-size: 1.2rem;
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.controls {
|
.controls {
|
||||||
button {
|
button {
|
||||||
background-color: $inactive-color;
|
background-color: $inactive-color;
|
||||||
border-radius: calc($rounded / 1.5);
|
border-radius: calc($rounded / 1.5);
|
||||||
padding: 10px;
|
padding: 6px;
|
||||||
transition: color 100ms;
|
transition: color 100ms;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
@@ -56,7 +56,7 @@ window.control-center {
|
|||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
-gtk-icon-size: 2rem;
|
-gtk-icon-size: 1.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -4,7 +4,7 @@ window.launcher {
|
|||||||
background: $bg-color;
|
background: $bg-color;
|
||||||
border-radius: $rounded;
|
border-radius: $rounded;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
font-size: 1.2rem;
|
font-size: $font-size;
|
||||||
|
|
||||||
.search {
|
.search {
|
||||||
min-width: 300px;
|
min-width: 300px;
|
||||||
@@ -30,7 +30,7 @@ window.launcher {
|
|||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
-gtk-icon-size: 2rem;
|
-gtk-icon-size: 1.5rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -3,4 +3,4 @@ $fg-color: #fff;
|
|||||||
$bg-color: #101213;
|
$bg-color: #101213;
|
||||||
$inactive-color: #1b1d1e;
|
$inactive-color: #1b1d1e;
|
||||||
$rounded: 14px;
|
$rounded: 14px;
|
||||||
$font-size: 1rem;
|
$font-size: 0.8rem;
|
||||||
|
|||||||
Reference in New Issue
Block a user