External/fredy
1
0
Fork 0
mirror of https://github.com/orangecoding/fredy.git synced 2026-06-16 12:31:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI improvements (#283)

Browse Source 
* ui-improvements

* improving dashboard and settings

* improve job overview

* improving job card

* improving grid view of listings+

* restructuring settings

* next release version
This commit is contained in:
Christian Kellner
2026-03-23 13:22:34 +01:00
committed by GitHub
parent a1289acf15
commit 8c039f0026
16 changed files with 997 additions and 780 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
ui/src/views/listings/Map.less
View File

@@ -1,5 +1,5 @@
/*
* Copyright (c) 2025 by Christian Kellner.
* Copyright (c) 2026 by Christian Kellner.
* Licensed under Apache-2.0 with Commons Clause and Attribution/Naming Clause
*/
@@ -9,18 +9,48 @@
height: 100%;
padding: 0;
box-sizing: border-box;
}
.map-filter-bar {
margin-bottom: 1rem;
&__map-wrapper {
position: relative;
flex: 1;
min-height: 0;
}
&__floating-panel {
position: absolute;
top: 12px;
right: 12px;
z-index: 10;
background: rgba(13, 15, 20, 0.85);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid #262a3a;
border-radius: 10px;
padding: 14px 16px;
min-width: 220px;
display: flex;
flex-direction: column;
gap: 12px;
}
&__panel-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
}
&__price-slider {
width: 140px;
}
}
.map-container {
flex-grow: 1;
width: 100%;
height: 100%;
border-radius: 8px;
overflow: hidden;
border: 1px solid var(--semi-color-border);
border: 1px solid #262a3a;
}
.map-popup-content {
@@ -126,7 +156,7 @@
}
}
/* Override MapLibre default popup styles to match application theme */
/* Override MapLibre default popup styles */
.maplibregl-popup-content {
background-color: var(--semi-color-bg-1) !important;
color: var(--semi-color-text-0) !important;
@@ -140,21 +170,26 @@
}
.map {
&__rangesliderLabels{
color: white;
&__rangesliderLabels {
color: #94a3b8;
display: flex;
justify-content: space-between;
margin-bottom: .3rem;
font-size: .7rem;
}
}
.range-slider .range-slider__thumb {
position: absolute;
z-index: 3;
top: 50%;
width: 16px;
height: 16px;
width: 14px;
height: 14px;
transform: translate(-50%, -50%);
border-radius: 50%;
background: #2196f3;
}
background: #0ab5b3;
}
.range-slider .range-slider__range {
background: #0ab5b3;
}