突发事件模拟弹窗样式调整

shuishen

2024-11-20 8b6d3c203ce6d4aa68e8784cc42ecdd7a0a4b6a4

突发事件模拟弹窗样式调整

 src/styles/base/dc-base.scss

@@ -179,14 +179,30 @@
}

.dynamic-map-popup {
  padding: 32px 30px;

  position: absolute;
  right: 100%;
  bottom: 0;
  width: 320px;
  color: #fff;
  background: rgba(255, 0, 0, 0.2);
  font-weight: bold;
  font-style: italic;

  .arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45px;
    height: 2px;
    transform: rotate(45deg);
    background: red;
    transform-origin: right bottom;
  }

  .content-wrap {
    position: relative;
    color: #fff;
    background: rgba(255, 0, 0, 0.2);

  &::after {
    content: '';
@@ -243,6 +259,7 @@
    line-height: 28px;
  }
}
}

.dynamic-event-profile-map-popup {
  padding: 32px 30px;