cloud-business 0.1.82 → 0.1.83

package/cloud-business.css

@@ -16702,6 +16702,200 @@ body {
   z-index: 1;
 }
 
+.super-sms-select-model > .supper-sms-select-query {
+  height: 30px;
+  margin-top: 12px;
+  margin-bottom: 12px;
+  display: flex;
+  justify-content: flex-end;
+}
+.super-sms-select-model > .supper-sms-select-query i {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: pointer;
+}
+
+.dy-sms-test-account {
+  background-color: #fff;
+  position: relative;
+  width: 320px;
+  height: 160px;
+  height: 30px;
+}
+.dy-sms-test-account > .dy-sms-input-wrapper {
+  height: 30px;
+  position: relative;
+}
+.dy-sms-test-account > .dy-sms-input-wrapper input:focus {
+  border: 1px solid var(--shuyunBlue4) !important;
+}
+.dy-sms-test-account > .dy-sms-input-wrapper .error-minor-tooltip {
+  display: block;
+  position: absolute;
+  top: -28px;
+  box-sizing: border-box;
+  font-size: 12px;
+  border-radius: 2px;
+  padding: 4px 8px;
+  margin: 0;
+  min-height: 26px;
+  max-width: 250px;
+  line-height: 1.5;
+  z-index: 2;
+  background-color: #ff867c;
+  color: #f8f8f8;
+}
+.dy-sms-test-account > .dy-sms-drop-wrapper {
+  background-color: #fff;
+  width: 320px;
+  box-sizing: border-box;
+  padding: 12px;
+  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 2px;
+  position: absolute;
+  left: 0;
+  top: 32px;
+  z-index: 1;
+}
+
+.supper-sms-preview {
+  width: 256px;
+  height: 496px;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  border-radius: 20px;
+  overflow: hidden;
+}
+.supper-sms-preview > section > header {
+  height: 20px;
+  background-color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.supper-sms-preview > section > header > div {
+  width: 84px;
+  height: 4px;
+  background: #e8e8e8;
+  border-radius: 4px;
+}
+.supper-sms-preview > section > div {
+  position: relative;
+  height: 30px;
+  line-height: 30px;
+  font-size: 14px;
+  text-align: center;
+  color: rgba(0, 0, 0, 0.85);
+  background-color: #fff;
+  border-bottom: 1px solid #dadada;
+}
+.supper-sms-preview > section > div > i {
+  position: absolute;
+  left: 12px;
+  font-size: 16px;
+  color: rgba(0, 0, 0, 0.45);
+}
+.supper-sms-preview > div {
+  height: 428px;
+  overflow-y: auto;
+  padding: 8px;
+  box-sizing: border-box;
+}
+.supper-sms-preview > div .super-sms-component-item {
+  height: auto;
+  margin-bottom: 12px;
+  padding: 10px;
+  font-size: 12px;
+  line-height: 18px;
+  background-color: #e5e6ea;
+  word-break: break-all;
+  border-radius: 5px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+}
+.supper-sms-preview > div .super-sms-component-item img {
+  width: 100%;
+  vertical-align: top;
+}
+.supper-sms-preview > div .super-sms-component-item video {
+  width: 100%;
+  vertical-align: top;
+}
+.supper-sms-preview > div .super-sms-component-item pre {
+  margin: 0;
+  color: #000;
+  word-break: break-all;
+  white-space: pre-wrap;
+  font-family: Microsoft Yahei;
+}
+
+.super-sms-tip {
+  padding: 6px 12px;
+  background: #f5f8ff;
+  border: 1px solid #d4e1ff;
+  border-radius: 2px;
+  margin-bottom: 15px;
+  position: relative;
+  box-sizing: content-box;
+  padding-left: 30px;
+}
+.super-sms-tip p {
+  margin: 0;
+  line-height: 20px;
+  text-indent: -16px;
+}
+.super-sms-tip.collapsed {
+  height: 15px;
+  overflow-y: hidden;
+}
+.super-sms-tip > .supper-sms-tip-toggle {
+  position: absolute;
+  right: 9px;
+  top: 4px;
+  cursor: pointer;
+}
+.super-sms-tip > .supper-sms-tip-toggle i {
+  color: #0083ba;
+}
+.super-sms-content .send-time-spec {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+.super-sms-content .super-sms-model {
+  display: flex;
+  align-items: center;
+  height: 32px;
+}
+.super-sms-content .super-sms-model > button {
+  margin-right: 12px;
+}
+.super-sms-content .super-sms-model .sms-model-name > span:first-child {
+  margin-right: 10px;
+}
+.super-sms-content .extra-tip {
+  color: rgba(0, 0, 0, 0.45);
+  margin-left: 12px;
+  line-height: 30px;
+}
+.super-sms-content .extra-tip > span {
+  color: #f5222d;
+}
+.super-sms-content .super-sms-test-label {
+  display: inline-block;
+}
+.super-sms-content .super-sms-test-label i {
+  color: rgba(0, 0, 0, 0.25);
+  font-size: 16px;
+  vertical-align: bottom;
+  margin-left: 4px;
+}
+.super-sms-selector-footer {
+  display: flex;
+  flex-direction: row-reverse;
+}
+
 body {
   margin: 0;
   --shuyunBlue1: #EDF6FF;