Nitesh YadavandClaude Sonnet 4.6
d367e76104
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
126 lines
2.0 KiB
SCSS
126 lines
2.0 KiB
SCSS
/**
|
|
* Copyright since 2025 Mifos Initiative
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
@use '../../../shared/styles/list-layout' as *;
|
|
|
|
$brand: #1353a0;
|
|
$border: #e2e8f0;
|
|
$text: #0f172a;
|
|
$text-muted: #64748b;
|
|
|
|
.cv-tab-content {
|
|
padding: 16px 0;
|
|
}
|
|
|
|
.cv-action-bar {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-bottom: 16px;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.cv-search-field {
|
|
flex: 1;
|
|
min-width: 200px;
|
|
max-width: 320px;
|
|
|
|
::ng-deep {
|
|
.mat-mdc-form-field-flex {
|
|
height: 32px;
|
|
}
|
|
|
|
.mat-mdc-form-field-infix {
|
|
padding: 4px 0;
|
|
min-height: 32px;
|
|
}
|
|
|
|
.mat-mdc-form-field-subscript-wrapper {
|
|
height: 0;
|
|
min-height: 0;
|
|
}
|
|
|
|
.mdc-notched-outline {
|
|
.mdc-notched-outline__leading {
|
|
border-radius: 8px 0 0 8px;
|
|
}
|
|
|
|
.mdc-notched-outline__trailing {
|
|
border-radius: 0 8px 8px 0;
|
|
}
|
|
}
|
|
|
|
.mat-mdc-form-field-icon-prefix {
|
|
padding: 0 6px 0 8px;
|
|
color: $text-muted;
|
|
}
|
|
|
|
input {
|
|
font-size: 13px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.cv-action-buttons {
|
|
display: flex;
|
|
gap: 8px;
|
|
margin-left: auto;
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
.cv-btn {
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
border-radius: 8px;
|
|
height: 32px;
|
|
padding: 0 14px;
|
|
font-family: 'DM Sans', Roboto, sans-serif;
|
|
|
|
fa-icon {
|
|
margin-right: 4px;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
.cv-btn-approve {
|
|
border-color: #16a34a;
|
|
color: #16a34a;
|
|
|
|
&:hover {
|
|
background: #f0fdf4;
|
|
}
|
|
}
|
|
|
|
.cv-group-title {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
color: $text;
|
|
margin: 20px 0 8px;
|
|
padding-bottom: 4px;
|
|
border-bottom: 1px solid #f1f5f9;
|
|
}
|
|
|
|
.cv-group-table {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
@media (width <= 768px) {
|
|
.cv-action-bar {
|
|
flex-direction: column;
|
|
align-items: stretch;
|
|
}
|
|
|
|
.cv-search-field {
|
|
max-width: 100%;
|
|
}
|
|
|
|
.cv-action-buttons {
|
|
margin-left: 0;
|
|
}
|
|
}
|