| @@ -23,8 +23,10 @@ | ||
| 23 | 23 | } |
| 24 | 24 | } |
| 25 | 25 | .learn-press-message { |
| 26 | 26 | position: relative; |
| 27 | + display: flex; | |
| 28 | + align-items: center; | |
| 27 | 29 | margin: 0 !important; |
| 28 | 30 | padding: 10px 20px; |
| 29 | 31 | border-radius: var(--lp-border-radius, 5px); |
| 30 | 32 | background-color: #E5F7FF; |
| @@ -30,24 +32,53 @@ | ||
| 30 | 32 | background-color: #E5F7FF; |
| 31 | 33 | color: #007AFF; |
| 32 | 34 | max-width: 100%; |
| 33 | 35 | } |
| 36 | +.learn-press-message::before { | |
| 37 | + display: inline-block; | |
| 38 | + margin-left: 8px; | |
| 39 | + font-family: "lp-icon"; | |
| 40 | + font-size: 20px; | |
| 41 | + font-style: normal; | |
| 42 | + font-weight: normal; | |
| 43 | + line-height: 1; | |
| 44 | +} | |
| 34 | 45 | .learn-press-message.error { |
| 35 | 46 | background-color: #FEE5E5; |
| 36 | 47 | color: #FF3B30; |
| 37 | - border-right: none; | |
| 48 | + border: 1px solid #E31A1A; | |
| 49 | + padding: 10px 20px; | |
| 38 | 50 | } |
| 51 | +.learn-press-message.error::before { | |
| 52 | + content: "\f071"; | |
| 53 | + color: #E31A1A; | |
| 54 | +} | |
| 39 | 55 | .learn-press-message.warning { |
| 40 | 56 | background-color: #FEF7E6; |
| 41 | 57 | color: #FF9500; |
| 58 | + border: 1px solid #F8A100; | |
| 42 | 59 | } |
| 60 | +.learn-press-message.warning::before { | |
| 61 | + content: "\f06a"; | |
| 62 | + color: #F8A100; | |
| 63 | +} | |
| 43 | 64 | .learn-press-message.success { |
| 44 | 65 | background-color: #EBF8E5; |
| 45 | 66 | color: #3AB500; |
| 67 | + border: 1px solid #28A746; | |
| 46 | 68 | } |
| 69 | +.learn-press-message.success::before { | |
| 70 | + content: "\f058"; | |
| 71 | + color: #28A746; | |
| 72 | +} | |
| 47 | 73 | .learn-press-message.info { |
| 48 | 74 | background-color: rgba(0, 122, 255, 0.1019607843); |
| 49 | 75 | color: #007AFF; |
| 76 | + border: 1px solid #2E91FA; | |
| 77 | +} | |
| 78 | +.learn-press-message.info::before { | |
| 79 | + content: "\e931"; | |
| 80 | + color: #2E91FA; | |
| 50 | 81 | } |
| 51 | 82 | .learn-press-message a { |
| 52 | 83 | text-decoration: underline; |
| 53 | 84 | } |
