tanyar09
3e78e90061
This commit improves the Identify component by adding a loading progress bar to provide user feedback during face loading and similarity calculations. The date filters have been updated for consistency, simplifying the date selection process. Additionally, the API has been adjusted to support the new date parameters, ensuring a seamless user experience. The CSS has been modified to style the scrollbar for the similar faces container, enhancing the overall UI. Documentation has been updated to reflect these changes.
43 lines
803 B
CSS
43 lines
803 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
line-height: 1.5;
|
|
font-weight: 400;
|
|
}
|
|
|
|
body {
|
|
margin: 0;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
/* Custom scrollbar styling for similar faces container */
|
|
.similar-faces-scrollable {
|
|
/* Firefox */
|
|
scrollbar-width: auto;
|
|
scrollbar-color: #4B5563 #F3F4F6;
|
|
}
|
|
|
|
.similar-faces-scrollable::-webkit-scrollbar {
|
|
/* Chrome, Safari, Edge */
|
|
width: 12px;
|
|
}
|
|
|
|
.similar-faces-scrollable::-webkit-scrollbar-track {
|
|
background: #F3F4F6;
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.similar-faces-scrollable::-webkit-scrollbar-thumb {
|
|
background: #4B5563;
|
|
border-radius: 6px;
|
|
border: 2px solid #F3F4F6;
|
|
}
|
|
|
|
.similar-faces-scrollable::-webkit-scrollbar-thumb:hover {
|
|
background: #374151;
|
|
}
|
|
|