@@ -22,7 +22,13 @@
|
||||
</mat-form-field>
|
||||
<div class="table-buttons">
|
||||
<div #buttonAddEdit class="in-block">
|
||||
<button mat-flat-button color="primary" class="btn-create" [routerLink]="'manage'" *mifosxHasPermission="'UPDATE_CURRENCY'">
|
||||
<button
|
||||
mat-flat-button
|
||||
color="primary"
|
||||
class="btn-create"
|
||||
[routerLink]="'manage'"
|
||||
*mifosxHasPermission="'UPDATE_CURRENCY'"
|
||||
>
|
||||
<fa-icon icon="plus" class="m-r-10"></fa-icon>
|
||||
{{ 'labels.buttons.Add/Edit' | translate }}
|
||||
</button>
|
||||
|
||||
+90
-22
@@ -15,34 +15,82 @@ $gray-500: #9aa0a6;
|
||||
$gray-700: #5f6368;
|
||||
$gray-900: #202124;
|
||||
|
||||
.mc-container { max-width: 700px; margin: 0 auto; padding: 20px 16px; }
|
||||
.mc-container {
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
padding: 20px 16px;
|
||||
}
|
||||
|
||||
.mc-header {
|
||||
display: flex; align-items: center; gap: 14px; margin-bottom: 20px;
|
||||
&__title { font-size: 18px; font-weight: 600; color: $gray-900; margin: 0; }
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 14px;
|
||||
margin-bottom: 20px;
|
||||
|
||||
&__title {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
color: $gray-900;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.mc-back {
|
||||
border-radius: 8px !important; font-size: 12px !important; font-weight: 600 !important;
|
||||
height: 32px !important; border-color: $border !important; color: $gray-500 !important;
|
||||
i { margin-right: 6px; }
|
||||
&:hover { color: $primary !important; border-color: $primary !important; }
|
||||
border-radius: 8px !important;
|
||||
font-size: 12px !important;
|
||||
font-weight: 600 !important;
|
||||
height: 32px !important;
|
||||
border-color: $border !important;
|
||||
color: $gray-500 !important;
|
||||
|
||||
i {
|
||||
margin-right: 6px;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
color: $primary !important;
|
||||
border-color: $primary !important;
|
||||
}
|
||||
}
|
||||
|
||||
.mc-card { background: #fff; border: 1px solid $border; border-radius: 10px; overflow: hidden; }
|
||||
.mc-card {
|
||||
background: #fff;
|
||||
border: 1px solid $border;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.mc-section {
|
||||
&__header {
|
||||
display: flex; align-items: center; gap: 10px; padding: 12px 24px;
|
||||
background: $gray-50; border-bottom: 1px solid $gray-200;
|
||||
i { font-size: 14px; color: $accent; }
|
||||
h3 { margin: 0; font-size: 14px; font-weight: 600; color: $gray-900; }
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
padding: 12px 24px;
|
||||
background: $gray-50;
|
||||
border-bottom: 1px solid $gray-200;
|
||||
|
||||
i {
|
||||
font-size: 14px;
|
||||
color: $accent;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: $gray-900;
|
||||
}
|
||||
}
|
||||
|
||||
& + & {
|
||||
border-top: 1px solid $gray-200;
|
||||
}
|
||||
& + & { border-top: 1px solid $gray-200; }
|
||||
}
|
||||
|
||||
// Add currency form
|
||||
.mc-add { padding: 16px 24px; }
|
||||
.mc-add {
|
||||
padding: 16px 24px;
|
||||
}
|
||||
|
||||
.mc-add__form {
|
||||
display: flex;
|
||||
@@ -50,7 +98,10 @@ $gray-900: #202124;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.mc-add__field { flex: 1; width: 100%; }
|
||||
.mc-add__field {
|
||||
flex: 1;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mc-add__btn {
|
||||
flex-shrink: 0;
|
||||
@@ -61,11 +112,16 @@ $gray-900: #202124;
|
||||
margin-top: 4px;
|
||||
box-shadow: 0 1px 3px rgba($primary, 0.3) !important;
|
||||
|
||||
i { margin-right: 6px; font-size: 12px; }
|
||||
i {
|
||||
margin-right: 6px;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
// Currency list
|
||||
.mc-list { padding: 8px 24px 16px; }
|
||||
.mc-list {
|
||||
padding: 8px 24px 16px;
|
||||
}
|
||||
|
||||
.mc-currency {
|
||||
display: flex;
|
||||
@@ -73,12 +129,14 @@ $gray-900: #202124;
|
||||
justify-content: space-between;
|
||||
padding: 10px 14px;
|
||||
background: $gray-50;
|
||||
border: 1px solid rgba(0, 0, 0, 0.04);
|
||||
border: 1px solid rgb(0 0 0 / 4%);
|
||||
border-radius: 8px;
|
||||
margin-bottom: 6px;
|
||||
transition: background 0.12s;
|
||||
|
||||
&:hover { background: #f1f5f9; }
|
||||
&:hover {
|
||||
background: #f1f5f9;
|
||||
}
|
||||
|
||||
&__info {
|
||||
display: flex;
|
||||
@@ -110,7 +168,9 @@ $gray-900: #202124;
|
||||
line-height: 32px !important;
|
||||
font-size: 13px;
|
||||
|
||||
&:hover { background: rgba(239, 68, 68, 0.08) !important; }
|
||||
&:hover {
|
||||
background: rgb(239 68 68 / 8%) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -121,6 +181,14 @@ $gray-900: #202124;
|
||||
padding: 32px 16px;
|
||||
color: #cbd5e1;
|
||||
|
||||
i { font-size: 28px; margin-bottom: 8px; }
|
||||
p { font-size: 13px; color: $gray-500; margin: 0; }
|
||||
i {
|
||||
font-size: 28px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 13px;
|
||||
color: $gray-500;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user