feat: Update log display messages for clarity; enhance log navigation styles and layout

This commit is contained in:
2025-05-03 15:47:38 +05:30
parent 135633ef7a
commit 06fa09bb42
3 changed files with 64 additions and 35 deletions

View File

@@ -28,9 +28,9 @@
display: flex;
align-items: center;
gap: 6px;
.icon{
.icon {
@include flex-center;
scale: .8;
scale: 0.8;
}
}
@@ -43,24 +43,38 @@
svg {
scale: 1.6;
}
&:hover{
&:hover {
background: var(--background-color);
}
}
}
.log-nav-container {
@include flex-space-between;
align-items: flex-end;
.log-nav-wrapper {
display: flex;
gap: 6px;
.log-nav-wrapper {
display: flex;
gap: 6px;
.log-nav {
padding: 8px 16px;
border-radius: 19px;
}
.log-nav {
padding: 8px 16px;
border-radius: 19px;
.log-nav.active {
background-color: var(--background-color-accent);
color: var(--text-button-color);
}
}
.log-nav.active {
background-color: var(--background-color-accent);
color: var(--text-button-color);
.clear-button{
margin: 0 6px;
padding: 4px 12px;
color: var(--text-disabled);
border-radius: #{$border-radius-large};
&:hover{
font-weight: 300;
color: var(--text-color);
background: var(--background-color-solid-gradient);
}
}
}
@@ -98,7 +112,7 @@
text-wrap: nowrap;
height: 100%;
}
.log-entry-message{
.log-entry-message {
width: 100%;
}
}
@@ -108,5 +122,10 @@
}
}
}
.no-log{
padding: 20px;
text-align: center;
color: var(--text-color);
}
}
}