@pmidc/upyog-css 1.1.12 → 1.1.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.css +3 -0
- package/dist/index.min.css +1 -1
- package/package.json +1 -1
- package/src/components/CardBasedOptions.scss +535 -535
- package/src/components/CitizenHomeCard.scss +228 -228
- package/src/components/EllipsisMenu.scss +16 -16
- package/src/components/EventCalendarView.scss +9 -9
- package/src/components/FAQ.scss +63 -63
- package/src/components/NewAccordianCitizen.scss +130 -130
- package/src/components/OnGroundEventCard.scss +71 -71
- package/src/components/PageBasedInput.scss +30 -30
- package/src/components/PopupHeadingLabel.scss +14 -14
- package/src/components/PropertySearchForm.scss +58 -58
- package/src/components/SearchForm.scss +56 -56
- package/src/components/SearchOnRadioButton.scss +9 -9
- package/src/components/StandaloneSearchBar.scss +9 -9
- package/src/components/SurveyModal.scss +195 -195
- package/src/components/TimeLine.scss +96 -96
- package/src/components/WhatsNewCard.scss +12 -12
- package/src/components/actionLink.scss +3 -3
- package/src/components/actionbar.scss +99 -99
- package/src/components/bannercomponents.scss +137 -137
- package/src/components/body.scss +450 -450
- package/src/components/buttons.scss +134 -134
- package/src/components/card.scss +627 -627
- package/src/components/cardHeaderWithOptions.scss +13 -13
- package/src/components/changeLanguage.scss +3 -3
- package/src/components/charts.scss +185 -185
- package/src/components/checkbox.scss +83 -83
- package/src/components/checkpoint.scss +65 -65
- package/src/components/citizenInfoLabel.scss +14 -14
- package/src/components/custombtn.scss +15 -15
- package/src/components/datatable.scss +118 -118
- package/src/components/datewrap.scss +21 -21
- package/src/components/detailscard.scss +6 -6
- package/src/components/detailscontainer.scss +13 -13
- package/src/components/filters.scss +97 -97
- package/src/components/grey.scss +3 -3
- package/src/components/hoc/InboxComposer.scss +115 -115
- package/src/components/howItWorks.scss +71 -71
- package/src/components/imageviewer.scss +33 -33
- package/src/components/info-banner.scss +35 -35
- package/src/components/inputotp.scss +15 -15
- package/src/components/keynote.scss +29 -29
- package/src/components/languageSelector.scss +24 -24
- package/src/components/loader.scss +96 -96
- package/src/components/map.scss +36 -36
- package/src/components/metricsTable.scss +26 -26
- package/src/components/multiLink.scss +87 -87
- package/src/components/multiSelectDropdown.scss +88 -88
- package/src/components/navbar.scss +377 -377
- package/src/components/newFooter.scss +75 -75
- package/src/components/plusMinus.scss +15 -15
- package/src/components/popup.scss +15 -15
- package/src/components/radiobtn.scss +44 -44
- package/src/components/ratingstar.scss +33 -33
- package/src/components/roundedLabel.scss +10 -10
- package/src/components/searchAction.scss +27 -27
- package/src/components/sectionalDropdown.scss +43 -43
- package/src/components/selectdropdown.scss +279 -279
- package/src/components/staticDynamicMessages.scss +110 -110
- package/src/components/staticSideBar.scss +27 -27
- package/src/components/statushighlight.scss +17 -17
- package/src/components/submiterrors.scss +11 -11
- package/src/components/summary.scss +28 -28
- package/src/components/table.scss +383 -383
- package/src/components/tag.scss +27 -27
- package/src/components/telephone.scss +17 -17
- package/src/components/textfields.scss +138 -138
- package/src/components/toast.scss +31 -31
- package/src/components/toggleSwitch.scss +40 -40
- package/src/components/topbar.scss +217 -217
- package/src/components/uploadcomponents.scss +113 -113
- package/src/index.scss +1381 -1377
- package/src/modules/adv/index.scss +552 -552
- package/src/modules/rentAndLease/index.scss +227 -227
- package/src/pages/citizen/CitizenEngagementNotificationWrapper.scss +8 -8
- package/src/pages/citizen/CitizenLogin.scss +50 -50
- package/src/pages/citizen/DocumentList.scss +454 -454
- package/src/pages/citizen/Events.scss +46 -46
- package/src/pages/citizen/HomePageWrapper.scss +215 -215
- package/src/pages/citizen/InboxCard.scss +378 -378
- package/src/pages/citizen/SurveyList.scss +21 -21
- package/src/pages/citizen/citizenDocument.scss +25 -25
- package/src/pages/citizen/citizenNewLogin.scss +352 -352
- package/src/pages/citizen/container.scss +32 -32
- package/src/pages/citizen/loaderMessage.scss +341 -341
- package/src/pages/citizen/payment/payment-type.scss +2 -2
- package/src/pages/citizen/updatePropertyNumber.scss +46 -46
- package/src/pages/common/form.scss +25 -25
- package/src/pages/common/newApplicationTimeline.scss +319 -319
- package/src/pages/common/pgrUICssfix.scss +105 -105
- package/src/pages/common/requiredField.scss +2 -2
- package/src/pages/common/sanctionFeeTable.scss +91 -91
- package/src/pages/common/searchIcon.scss +12 -12
- package/src/pages/common/stepForm.scss +40 -40
- package/src/pages/employee/EmployeeLogin.scss +6 -6
- package/src/pages/employee/cardfix.scss +13 -13
- package/src/pages/employee/container.scss +73 -73
- package/src/pages/employee/dashboard.scss +203 -203
- package/src/pages/employee/disconnection.scss +425 -425
- package/src/pages/employee/dss.scss +251 -251
- package/src/pages/employee/faq.scss +353 -353
- package/src/pages/employee/footer.scss +68 -68
- package/src/pages/employee/form-fields.scss +13 -13
- package/src/pages/employee/header.scss +262 -262
- package/src/pages/employee/iframe.scss +65 -65
- package/src/pages/employee/inbox.scss +744 -744
- package/src/pages/employee/index.scss +694 -694
- package/src/pages/employee/landing.scss +1782 -1782
- package/src/pages/employee/login.scss +253 -253
- package/src/pages/employee/oldMobileInbox.scss +4 -4
- package/src/pages/employee/popupmodule.scss +47 -47
- package/src/pages/employee/response.scss +2 -2
- package/src/pages/employee/scroll-table.scss +113 -113
- package/src/pages/employee/surveys.scss +469 -469
- package/src/pages/employee/tooltip.scss +35 -35
- package/src/pages/employee/updateNumber.scss +12 -12
- package/src/pages/swach/index.scss +174 -174
- package/src/pages/ws/index.scss +104 -104
- package/svg/camera.svg +4 -4
- package/svg/check.svg +3 -3
- package/svg/close.svg +4 -4
- package/svg/error.svg +3 -3
- package/svg/error2.svg +5 -5
- package/svg/searchicon.svg +3 -3
- package/svg/starempty.svg +3 -3
- package/svg/starfilled.svg +4 -4
- package/svg/success.svg +3 -3
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
.tooltip {
|
|
2
|
-
position: relative;
|
|
3
|
-
display: inline-block;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.tooltip .tooltiptext {
|
|
7
|
-
visibility: hidden;
|
|
8
|
-
background-color: #555;
|
|
9
|
-
color: #fff;
|
|
10
|
-
text-align: left;
|
|
11
|
-
border-radius: 6px;
|
|
12
|
-
padding: 5px;
|
|
13
|
-
position: absolute;
|
|
14
|
-
z-index: 1;
|
|
15
|
-
bottom: 125%;
|
|
16
|
-
left: 50%;
|
|
17
|
-
margin-left: -60px;
|
|
18
|
-
opacity: 0;
|
|
19
|
-
transition: opacity 0.3s;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
.tooltip .tooltiptext::after {
|
|
23
|
-
position: absolute;
|
|
24
|
-
top: 100%;
|
|
25
|
-
left: 50%;
|
|
26
|
-
margin-left: -5px;
|
|
27
|
-
border-width: 5px;
|
|
28
|
-
border-style: solid;
|
|
29
|
-
border-color: #555 transparent transparent transparent;
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
.tooltip:hover .tooltiptext {
|
|
33
|
-
visibility: visible;
|
|
34
|
-
opacity: 1;
|
|
35
|
-
cursor: pointer;
|
|
1
|
+
.tooltip {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: inline-block;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.tooltip .tooltiptext {
|
|
7
|
+
visibility: hidden;
|
|
8
|
+
background-color: #555;
|
|
9
|
+
color: #fff;
|
|
10
|
+
text-align: left;
|
|
11
|
+
border-radius: 6px;
|
|
12
|
+
padding: 5px;
|
|
13
|
+
position: absolute;
|
|
14
|
+
z-index: 1;
|
|
15
|
+
bottom: 125%;
|
|
16
|
+
left: 50%;
|
|
17
|
+
margin-left: -60px;
|
|
18
|
+
opacity: 0;
|
|
19
|
+
transition: opacity 0.3s;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.tooltip .tooltiptext::after {
|
|
23
|
+
position: absolute;
|
|
24
|
+
top: 100%;
|
|
25
|
+
left: 50%;
|
|
26
|
+
margin-left: -5px;
|
|
27
|
+
border-width: 5px;
|
|
28
|
+
border-style: solid;
|
|
29
|
+
border-color: #555 transparent transparent transparent;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.tooltip:hover .tooltiptext {
|
|
33
|
+
visibility: visible;
|
|
34
|
+
opacity: 1;
|
|
35
|
+
cursor: pointer;
|
|
36
36
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
.updateNumberEmployee{
|
|
2
|
-
width: 100%;
|
|
3
|
-
.employee-data-table .row h2{
|
|
4
|
-
font-weight:500;
|
|
5
|
-
width: 100%;
|
|
6
|
-
}
|
|
7
|
-
.submit-bar {
|
|
8
|
-
position: relative;
|
|
9
|
-
}
|
|
10
|
-
.search-form-wrapper {
|
|
11
|
-
justify-content: initial;
|
|
12
|
-
}
|
|
1
|
+
.updateNumberEmployee{
|
|
2
|
+
width: 100%;
|
|
3
|
+
.employee-data-table .row h2{
|
|
4
|
+
font-weight:500;
|
|
5
|
+
width: 100%;
|
|
6
|
+
}
|
|
7
|
+
.submit-bar {
|
|
8
|
+
position: relative;
|
|
9
|
+
}
|
|
10
|
+
.search-form-wrapper {
|
|
11
|
+
justify-content: initial;
|
|
12
|
+
}
|
|
13
13
|
}
|
|
@@ -1,175 +1,175 @@
|
|
|
1
|
-
.swach {
|
|
2
|
-
width: 60vw !important;
|
|
3
|
-
.card {
|
|
4
|
-
.employee-card-input--front {
|
|
5
|
-
background-color: white;
|
|
6
|
-
position: relative;
|
|
7
|
-
z-index: 0 !important;
|
|
8
|
-
}
|
|
9
|
-
input[name="mobileNumber"] {
|
|
10
|
-
max-width: 490px;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
.mandatory-asterisk {
|
|
14
|
-
color: red;
|
|
15
|
-
font-weight: bold;
|
|
16
|
-
}
|
|
17
|
-
.numberdisplay{
|
|
18
|
-
display: flex !important;
|
|
19
|
-
}
|
|
20
|
-
.image-card .card {
|
|
21
|
-
width: 540px;
|
|
22
|
-
}
|
|
23
|
-
.break-line {
|
|
24
|
-
margin-top: 20px;
|
|
25
|
-
margin-bottom: 40px;
|
|
26
|
-
}
|
|
27
|
-
.card-section-header {
|
|
28
|
-
margin-top: 10px;
|
|
29
|
-
}
|
|
30
|
-
.label-field-pair {
|
|
31
|
-
margin-top: 10px;
|
|
32
|
-
}
|
|
33
|
-
.select-wrap .select {
|
|
34
|
-
border: 1px solid #b4b4b4;
|
|
35
|
-
border-radius: 8px;
|
|
36
|
-
}
|
|
37
|
-
textarea[name="landmark"] {
|
|
38
|
-
border: 1px solid #b4b4b4;
|
|
39
|
-
}
|
|
40
|
-
textarea[name="description"] {
|
|
41
|
-
border: 1px solid #b4b4b4;
|
|
42
|
-
}
|
|
43
|
-
.select-active {
|
|
44
|
-
input[type="text"] {
|
|
45
|
-
margin-top: 0px;
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
.font-Weigth-bold {
|
|
49
|
-
font-weight: 600 !important;
|
|
50
|
-
margin-top: 20px !important;
|
|
51
|
-
}
|
|
52
|
-
.location-card .card-header {
|
|
53
|
-
margin-left: 10px;
|
|
54
|
-
font-size: 20px;
|
|
55
|
-
/* background-color: red; */
|
|
56
|
-
line-height: 40px;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
@media (min-width: 320px) and (max-width: 768px) {
|
|
60
|
-
.swach .card {
|
|
61
|
-
width: 95vw;
|
|
62
|
-
}
|
|
63
|
-
.swach .location-card .card {
|
|
64
|
-
width: 540px;
|
|
65
|
-
}
|
|
66
|
-
.swach .image-card .card {
|
|
67
|
-
width: 540px;
|
|
68
|
-
}
|
|
69
|
-
.swach .break-line {
|
|
70
|
-
margin-top: 20px;
|
|
71
|
-
margin-bottom: 40px;
|
|
72
|
-
}
|
|
73
|
-
/* .swach .location-card .card-header {
|
|
74
|
-
margin-left: 10px;
|
|
75
|
-
font-size: 15px;
|
|
76
|
-
line-height: 40px;
|
|
77
|
-
|
|
78
|
-
} */
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
@media (min-width: 320px) and (max-width: 425px) {
|
|
82
|
-
.swach textarea[name="landmark"] {
|
|
83
|
-
max-width: 490px;
|
|
84
|
-
}
|
|
85
|
-
.swach textarea[name="description"] {
|
|
86
|
-
max-width: 490px;
|
|
87
|
-
}
|
|
88
|
-
/* .swach .location-card {
|
|
89
|
-
.card-header {
|
|
90
|
-
margin-left: 10px;
|
|
91
|
-
font-size: 15px;
|
|
92
|
-
line-height: 40px;
|
|
93
|
-
}
|
|
94
|
-
} */
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
@media (min-width: 426px) and (max-width: 768px) {
|
|
98
|
-
.swach textarea[name="landmark"] {
|
|
99
|
-
width: 540px;
|
|
100
|
-
position: relative;
|
|
101
|
-
}
|
|
102
|
-
.swach textarea[name="description"] {
|
|
103
|
-
width: 540px;
|
|
104
|
-
}
|
|
105
|
-
/* .swach .location-card {
|
|
106
|
-
.card-header {
|
|
107
|
-
margin-left: 10px;
|
|
108
|
-
font-size: 18px;
|
|
109
|
-
line-height: 40px;
|
|
110
|
-
}
|
|
111
|
-
} */
|
|
112
|
-
}
|
|
113
|
-
|
|
114
|
-
.citizen-home-container .select-active {
|
|
115
|
-
input[type="text"] {
|
|
116
|
-
margin-top: 0px;
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
/* @media (min-width: 768px) {
|
|
121
|
-
.swach .location-card .card-header {
|
|
122
|
-
margin-left: 10px;
|
|
123
|
-
font-size: 20px;
|
|
124
|
-
line-height: 40px;
|
|
125
|
-
}
|
|
126
|
-
} */
|
|
127
|
-
|
|
128
|
-
/* @media (min-width: 768px) {
|
|
129
|
-
.swach .location-card .card-header {
|
|
130
|
-
margin-left: 10px;
|
|
131
|
-
font-size: 20px;
|
|
132
|
-
line-height: 40px;
|
|
133
|
-
}
|
|
134
|
-
} */
|
|
135
|
-
.mandatory-asterisk {
|
|
136
|
-
color: red;
|
|
137
|
-
font-weight: bold;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.ViewAttendence{
|
|
141
|
-
.tablechart{
|
|
142
|
-
display: flex;
|
|
143
|
-
flex-direction: row;
|
|
144
|
-
flex-wrap: wrap;
|
|
145
|
-
gap: 16px;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.tablechartinner{
|
|
149
|
-
flex: 1 1 300px;
|
|
150
|
-
min-width: 300px;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
.attendanceimage{
|
|
154
|
-
flex: 1 1 300px;
|
|
155
|
-
min-width: 300px;
|
|
156
|
-
display: flex;
|
|
157
|
-
align-items: center;
|
|
158
|
-
justify-content: center;
|
|
159
|
-
padding: 16px;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
.attendanceimg{
|
|
163
|
-
max-width: 100%;
|
|
164
|
-
max-height: 300px;
|
|
165
|
-
object-fit: contain;
|
|
166
|
-
}
|
|
167
|
-
.attendancecard{
|
|
168
|
-
margin-bottom: 16px;
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
.swachempfilter{
|
|
173
|
-
background-color: red;
|
|
174
|
-
padding-bottom: 90px !important;
|
|
1
|
+
.swach {
|
|
2
|
+
width: 60vw !important;
|
|
3
|
+
.card {
|
|
4
|
+
.employee-card-input--front {
|
|
5
|
+
background-color: white;
|
|
6
|
+
position: relative;
|
|
7
|
+
z-index: 0 !important;
|
|
8
|
+
}
|
|
9
|
+
input[name="mobileNumber"] {
|
|
10
|
+
max-width: 490px;
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
.mandatory-asterisk {
|
|
14
|
+
color: red;
|
|
15
|
+
font-weight: bold;
|
|
16
|
+
}
|
|
17
|
+
.numberdisplay{
|
|
18
|
+
display: flex !important;
|
|
19
|
+
}
|
|
20
|
+
.image-card .card {
|
|
21
|
+
width: 540px;
|
|
22
|
+
}
|
|
23
|
+
.break-line {
|
|
24
|
+
margin-top: 20px;
|
|
25
|
+
margin-bottom: 40px;
|
|
26
|
+
}
|
|
27
|
+
.card-section-header {
|
|
28
|
+
margin-top: 10px;
|
|
29
|
+
}
|
|
30
|
+
.label-field-pair {
|
|
31
|
+
margin-top: 10px;
|
|
32
|
+
}
|
|
33
|
+
.select-wrap .select {
|
|
34
|
+
border: 1px solid #b4b4b4;
|
|
35
|
+
border-radius: 8px;
|
|
36
|
+
}
|
|
37
|
+
textarea[name="landmark"] {
|
|
38
|
+
border: 1px solid #b4b4b4;
|
|
39
|
+
}
|
|
40
|
+
textarea[name="description"] {
|
|
41
|
+
border: 1px solid #b4b4b4;
|
|
42
|
+
}
|
|
43
|
+
.select-active {
|
|
44
|
+
input[type="text"] {
|
|
45
|
+
margin-top: 0px;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
.font-Weigth-bold {
|
|
49
|
+
font-weight: 600 !important;
|
|
50
|
+
margin-top: 20px !important;
|
|
51
|
+
}
|
|
52
|
+
.location-card .card-header {
|
|
53
|
+
margin-left: 10px;
|
|
54
|
+
font-size: 20px;
|
|
55
|
+
/* background-color: red; */
|
|
56
|
+
line-height: 40px;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
@media (min-width: 320px) and (max-width: 768px) {
|
|
60
|
+
.swach .card {
|
|
61
|
+
width: 95vw;
|
|
62
|
+
}
|
|
63
|
+
.swach .location-card .card {
|
|
64
|
+
width: 540px;
|
|
65
|
+
}
|
|
66
|
+
.swach .image-card .card {
|
|
67
|
+
width: 540px;
|
|
68
|
+
}
|
|
69
|
+
.swach .break-line {
|
|
70
|
+
margin-top: 20px;
|
|
71
|
+
margin-bottom: 40px;
|
|
72
|
+
}
|
|
73
|
+
/* .swach .location-card .card-header {
|
|
74
|
+
margin-left: 10px;
|
|
75
|
+
font-size: 15px;
|
|
76
|
+
line-height: 40px;
|
|
77
|
+
|
|
78
|
+
} */
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
@media (min-width: 320px) and (max-width: 425px) {
|
|
82
|
+
.swach textarea[name="landmark"] {
|
|
83
|
+
max-width: 490px;
|
|
84
|
+
}
|
|
85
|
+
.swach textarea[name="description"] {
|
|
86
|
+
max-width: 490px;
|
|
87
|
+
}
|
|
88
|
+
/* .swach .location-card {
|
|
89
|
+
.card-header {
|
|
90
|
+
margin-left: 10px;
|
|
91
|
+
font-size: 15px;
|
|
92
|
+
line-height: 40px;
|
|
93
|
+
}
|
|
94
|
+
} */
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
@media (min-width: 426px) and (max-width: 768px) {
|
|
98
|
+
.swach textarea[name="landmark"] {
|
|
99
|
+
width: 540px;
|
|
100
|
+
position: relative;
|
|
101
|
+
}
|
|
102
|
+
.swach textarea[name="description"] {
|
|
103
|
+
width: 540px;
|
|
104
|
+
}
|
|
105
|
+
/* .swach .location-card {
|
|
106
|
+
.card-header {
|
|
107
|
+
margin-left: 10px;
|
|
108
|
+
font-size: 18px;
|
|
109
|
+
line-height: 40px;
|
|
110
|
+
}
|
|
111
|
+
} */
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.citizen-home-container .select-active {
|
|
115
|
+
input[type="text"] {
|
|
116
|
+
margin-top: 0px;
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
|
|
120
|
+
/* @media (min-width: 768px) {
|
|
121
|
+
.swach .location-card .card-header {
|
|
122
|
+
margin-left: 10px;
|
|
123
|
+
font-size: 20px;
|
|
124
|
+
line-height: 40px;
|
|
125
|
+
}
|
|
126
|
+
} */
|
|
127
|
+
|
|
128
|
+
/* @media (min-width: 768px) {
|
|
129
|
+
.swach .location-card .card-header {
|
|
130
|
+
margin-left: 10px;
|
|
131
|
+
font-size: 20px;
|
|
132
|
+
line-height: 40px;
|
|
133
|
+
}
|
|
134
|
+
} */
|
|
135
|
+
.mandatory-asterisk {
|
|
136
|
+
color: red;
|
|
137
|
+
font-weight: bold;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.ViewAttendence{
|
|
141
|
+
.tablechart{
|
|
142
|
+
display: flex;
|
|
143
|
+
flex-direction: row;
|
|
144
|
+
flex-wrap: wrap;
|
|
145
|
+
gap: 16px;
|
|
146
|
+
}
|
|
147
|
+
|
|
148
|
+
.tablechartinner{
|
|
149
|
+
flex: 1 1 300px;
|
|
150
|
+
min-width: 300px;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.attendanceimage{
|
|
154
|
+
flex: 1 1 300px;
|
|
155
|
+
min-width: 300px;
|
|
156
|
+
display: flex;
|
|
157
|
+
align-items: center;
|
|
158
|
+
justify-content: center;
|
|
159
|
+
padding: 16px;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.attendanceimg{
|
|
163
|
+
max-width: 100%;
|
|
164
|
+
max-height: 300px;
|
|
165
|
+
object-fit: contain;
|
|
166
|
+
}
|
|
167
|
+
.attendancecard{
|
|
168
|
+
margin-bottom: 16px;
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
.swachempfilter{
|
|
173
|
+
background-color: red;
|
|
174
|
+
padding-bottom: 90px !important;
|
|
175
175
|
}
|
package/src/pages/ws/index.scss
CHANGED
|
@@ -1,105 +1,105 @@
|
|
|
1
|
-
.alignmentSettle {
|
|
2
|
-
/* Desktop: 4 fields per row */
|
|
3
|
-
.form-field {
|
|
4
|
-
width: calc(25% - 15px) !important;
|
|
5
|
-
margin-right: 15px !important;
|
|
6
|
-
margin-bottom: 16px !important;
|
|
7
|
-
min-width: calc(25% - 15px) !important;
|
|
8
|
-
max-width: calc(25% - 15px) !important;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
/* Remove margin from 4th field in each row */
|
|
12
|
-
.form-field:nth-child(4n) {
|
|
13
|
-
margin-right: 0 !important;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
/* Search/Reset button - same size as fields */
|
|
17
|
-
.submit {
|
|
18
|
-
width: calc(25% - 15px) !important;
|
|
19
|
-
min-width: calc(25% - 15px) !important;
|
|
20
|
-
max-width: calc(25% - 15px) !important;
|
|
21
|
-
margin-right: 0 !important;
|
|
22
|
-
margin-top: 0 !important;
|
|
23
|
-
display: flex !important;
|
|
24
|
-
flex-direction: column !important;
|
|
25
|
-
justify-content: flex-end !important;
|
|
26
|
-
|
|
27
|
-
button {
|
|
28
|
-
width: 100% !important;
|
|
29
|
-
height: 40px !important;
|
|
30
|
-
margin-bottom: 4px !important;
|
|
31
|
-
font-size: 14px !important;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
p {
|
|
35
|
-
width: 100% !important;
|
|
36
|
-
margin: 0 !important;
|
|
37
|
-
text-align: center !important;
|
|
38
|
-
font-size: 12px !important;
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
/* Tablet: 2 fields per row */
|
|
43
|
-
@media (max-width: 1024px) {
|
|
44
|
-
.form-field {
|
|
45
|
-
width: calc(50% - 10px) !important;
|
|
46
|
-
min-width: calc(50% - 10px) !important;
|
|
47
|
-
max-width: calc(50% - 10px) !important;
|
|
48
|
-
margin-right: 10px !important;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.form-field:nth-child(4n) {
|
|
52
|
-
margin-right: 10px !important; /* Reset desktop rule */
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.form-field:nth-child(2n) {
|
|
56
|
-
margin-right: 0 !important; /* 2nd field in each row */
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
.submit {
|
|
60
|
-
width: calc(50% - 10px) !important;
|
|
61
|
-
min-width: calc(50% - 10px) !important;
|
|
62
|
-
max-width: calc(50% - 10px) !important;
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
/* Mobile: 1 field per row */
|
|
67
|
-
@media (max-width: 640px) {
|
|
68
|
-
.form-field {
|
|
69
|
-
width: 100% !important;
|
|
70
|
-
min-width: 100% !important;
|
|
71
|
-
max-width: 100% !important;
|
|
72
|
-
margin-right: 0 !important;
|
|
73
|
-
margin-bottom: 12px !important;
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
.form-field:nth-child(2n) {
|
|
77
|
-
margin-right: 0 !important; /* Reset tablet rule */
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.submit {
|
|
81
|
-
width: 100% !important;
|
|
82
|
-
min-width: 100% !important;
|
|
83
|
-
max-width: 100% !important;
|
|
84
|
-
margin-top: 8px !important;
|
|
85
|
-
|
|
86
|
-
button {
|
|
87
|
-
height: 44px !important; /* Slightly taller for mobile */
|
|
88
|
-
font-size: 16px !important;
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
/* Small mobile optimization */
|
|
94
|
-
@media (max-width: 480px) {
|
|
95
|
-
.form-field {
|
|
96
|
-
margin-bottom: 10px !important;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.submit {
|
|
100
|
-
button {
|
|
101
|
-
height: 48px !important; /* Even taller for small screens */
|
|
102
|
-
}
|
|
103
|
-
}
|
|
104
|
-
}
|
|
1
|
+
.alignmentSettle {
|
|
2
|
+
/* Desktop: 4 fields per row */
|
|
3
|
+
.form-field {
|
|
4
|
+
width: calc(25% - 15px) !important;
|
|
5
|
+
margin-right: 15px !important;
|
|
6
|
+
margin-bottom: 16px !important;
|
|
7
|
+
min-width: calc(25% - 15px) !important;
|
|
8
|
+
max-width: calc(25% - 15px) !important;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
/* Remove margin from 4th field in each row */
|
|
12
|
+
.form-field:nth-child(4n) {
|
|
13
|
+
margin-right: 0 !important;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* Search/Reset button - same size as fields */
|
|
17
|
+
.submit {
|
|
18
|
+
width: calc(25% - 15px) !important;
|
|
19
|
+
min-width: calc(25% - 15px) !important;
|
|
20
|
+
max-width: calc(25% - 15px) !important;
|
|
21
|
+
margin-right: 0 !important;
|
|
22
|
+
margin-top: 0 !important;
|
|
23
|
+
display: flex !important;
|
|
24
|
+
flex-direction: column !important;
|
|
25
|
+
justify-content: flex-end !important;
|
|
26
|
+
|
|
27
|
+
button {
|
|
28
|
+
width: 100% !important;
|
|
29
|
+
height: 40px !important;
|
|
30
|
+
margin-bottom: 4px !important;
|
|
31
|
+
font-size: 14px !important;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
p {
|
|
35
|
+
width: 100% !important;
|
|
36
|
+
margin: 0 !important;
|
|
37
|
+
text-align: center !important;
|
|
38
|
+
font-size: 12px !important;
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
/* Tablet: 2 fields per row */
|
|
43
|
+
@media (max-width: 1024px) {
|
|
44
|
+
.form-field {
|
|
45
|
+
width: calc(50% - 10px) !important;
|
|
46
|
+
min-width: calc(50% - 10px) !important;
|
|
47
|
+
max-width: calc(50% - 10px) !important;
|
|
48
|
+
margin-right: 10px !important;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
.form-field:nth-child(4n) {
|
|
52
|
+
margin-right: 10px !important; /* Reset desktop rule */
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.form-field:nth-child(2n) {
|
|
56
|
+
margin-right: 0 !important; /* 2nd field in each row */
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.submit {
|
|
60
|
+
width: calc(50% - 10px) !important;
|
|
61
|
+
min-width: calc(50% - 10px) !important;
|
|
62
|
+
max-width: calc(50% - 10px) !important;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/* Mobile: 1 field per row */
|
|
67
|
+
@media (max-width: 640px) {
|
|
68
|
+
.form-field {
|
|
69
|
+
width: 100% !important;
|
|
70
|
+
min-width: 100% !important;
|
|
71
|
+
max-width: 100% !important;
|
|
72
|
+
margin-right: 0 !important;
|
|
73
|
+
margin-bottom: 12px !important;
|
|
74
|
+
}
|
|
75
|
+
|
|
76
|
+
.form-field:nth-child(2n) {
|
|
77
|
+
margin-right: 0 !important; /* Reset tablet rule */
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.submit {
|
|
81
|
+
width: 100% !important;
|
|
82
|
+
min-width: 100% !important;
|
|
83
|
+
max-width: 100% !important;
|
|
84
|
+
margin-top: 8px !important;
|
|
85
|
+
|
|
86
|
+
button {
|
|
87
|
+
height: 44px !important; /* Slightly taller for mobile */
|
|
88
|
+
font-size: 16px !important;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/* Small mobile optimization */
|
|
94
|
+
@media (max-width: 480px) {
|
|
95
|
+
.form-field {
|
|
96
|
+
margin-bottom: 10px !important;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.submit {
|
|
100
|
+
button {
|
|
101
|
+
height: 48px !important; /* Even taller for small screens */
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
105
|
}
|
package/svg/camera.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="46px" height="42px">
|
|
2
|
-
<rect fill="none" height="24" width="24"/>
|
|
3
|
-
<path d="M3,4V1h2v3h3v2H5v3H3V6H0V4H3z M6,10V7h3V4h7l1.83,2H21c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V10H6z M13,19c2.76,0,5-2.24,5-5s-2.24-5-5-5s-5,2.24-5,5S10.24,19,13,19z M9.8,14c0,1.77,1.43,3.2,3.2,3.2s3.2-1.43,3.2-3.2 s-1.43-3.2-3.2-3.2S9.8,12.23,9.8,14z"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" enableBackground="new 0 0 24 24" viewBox="0 0 24 24" fill="black" width="46px" height="42px">
|
|
2
|
+
<rect fill="none" height="24" width="24"/>
|
|
3
|
+
<path d="M3,4V1h2v3h3v2H5v3H3V6H0V4H3z M6,10V7h3V4h7l1.83,2H21c1.1,0,2,0.9,2,2v12c0,1.1-0.9,2-2,2H5c-1.1,0-2-0.9-2-2V10H6z M13,19c2.76,0,5-2.24,5-5s-2.24-5-5-5s-5,2.24-5,5S10.24,19,13,19z M9.8,14c0,1.77,1.43,3.2,3.2,3.2s3.2-1.43,3.2-3.2 s-1.43-3.2-3.2-3.2S9.8,12.23,9.8,14z"/>
|
|
4
|
+
</svg>
|
package/svg/check.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" >
|
|
2
|
-
<path d="M0 0h24v24H0z" fill="none"/>
|
|
3
|
-
<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#a82227" >
|
|
2
|
+
<path d="M0 0h24v24H0z" fill="none"/>
|
|
3
|
+
<path d="M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z"/>
|
|
4
4
|
</svg>
|
package/svg/close.svg
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px">
|
|
2
|
-
<path d="M0 0h24v24H0V0z" fill="#d4351c"/>
|
|
3
|
-
<path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/>
|
|
4
|
-
</svg>
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="18px" height="18px">
|
|
2
|
+
<path d="M0 0h24v24H0V0z" fill="#d4351c"/>
|
|
3
|
+
<path d="M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z"/>
|
|
4
|
+
</svg>
|