|
|
@@ -774,4 +774,140 @@ const viewPdf = async (id) => {
|
|
|
margin-left: 50px;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
+html.dark {
|
|
|
+ .hc-carry-spot-checks-pdf {
|
|
|
+ position: relative;
|
|
|
+ flex: 1 1 auto;
|
|
|
+ height: 100%;
|
|
|
+ transition: 0.2s;
|
|
|
+ .hc-csc-pdf-btn {
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 50%;
|
|
|
+ color: white;
|
|
|
+ font-size: 25px;
|
|
|
+ z-index: 111;
|
|
|
+ cursor: pointer;
|
|
|
+ width: 36px;
|
|
|
+ height: 40px;
|
|
|
+ display: flex;
|
|
|
+ padding-left: 6px;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ border-radius: 150px 0 0 150px;
|
|
|
+ background: linear-gradient(to right, var(--el-color-primary-light-5), var(--el-color-primary), var(--el-color-primary-dark-2));
|
|
|
+ box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
|
|
|
+ background-size: 200%;
|
|
|
+ transition: background-position 0.5s;
|
|
|
+ &:hover {
|
|
|
+ background-position: 100% 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-carry-spot-checks-data {
|
|
|
+ position: relative;
|
|
|
+ height: 100%;
|
|
|
+ width: 480px;
|
|
|
+ padding-left: 14px;
|
|
|
+ border-left: 1px solid #e9e9e9;
|
|
|
+ transition: 0.2s;
|
|
|
+ .hc-csc-switch {
|
|
|
+ position: relative;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ }
|
|
|
+ .hc-csc-info-box {
|
|
|
+ position: relative;
|
|
|
+ // background: #E7EEF4;
|
|
|
+ border: 1px solid var(--el-color-primary);
|
|
|
+ color: white;
|
|
|
+ background: transparent;
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 12px;
|
|
|
+ height: 244px;
|
|
|
+ margin-bottom: 20px;
|
|
|
+ .hc-info-text-item {
|
|
|
+ position: relative;
|
|
|
+ font-size: 14px;
|
|
|
+ display: flex;
|
|
|
+ align-items: flex-start;
|
|
|
+ .title {
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .content {
|
|
|
+ flex: 1;
|
|
|
+ position: relative;
|
|
|
+ color: white;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-info-text-item + .hc-info-text-item {
|
|
|
+ margin-top: 8px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-csc-data-box {
|
|
|
+ position: relative;
|
|
|
+ // background: #E7EEF4;
|
|
|
+ background: transparent;
|
|
|
+ border-radius: 10px;
|
|
|
+ padding: 12px;
|
|
|
+ height: calc(100% - 562px);
|
|
|
+ margin-bottom: 16px;
|
|
|
+ .hc-csc-associated-row {
|
|
|
+ position: relative;
|
|
|
+ text-align: left;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ }
|
|
|
+ .hc-table-info-btn {
|
|
|
+ position: absolute;
|
|
|
+ right: -5px;
|
|
|
+ top: -12px;
|
|
|
+ color: white;
|
|
|
+ font-size: 20px;
|
|
|
+ z-index: 111;
|
|
|
+ cursor: pointer;
|
|
|
+ border-radius: 50px;
|
|
|
+ width: 34px;
|
|
|
+ height: 34px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: linear-gradient(to right, var(--el-color-primary-light-5), var(--el-color-primary), var(--el-color-primary-dark-2));
|
|
|
+ box-shadow: -2px 0 10px 0 rgba(32,37,50,0.03), 0 10px 21px 20px rgba(32,37,50,0.03);
|
|
|
+ background-size: 200%;
|
|
|
+ transition: background-position 0.5s;
|
|
|
+ &:hover {
|
|
|
+ background-position: 100% 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .hc-csc-action-box {
|
|
|
+ position: relative;
|
|
|
+ background: transparent;
|
|
|
+ border-radius: 10px;
|
|
|
+
|
|
|
+ padding: 12px;
|
|
|
+ height: 240px;
|
|
|
+ .header-box {
|
|
|
+ position: relative;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ .title {
|
|
|
+ flex: 1;
|
|
|
+ color: #9A9A9A;
|
|
|
+ font-size: 15px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .textarea-box {
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+ .btn-box {
|
|
|
+ position: relative;
|
|
|
+ margin-top: 20px;
|
|
|
+ text-align: center;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
</style>
|
