2 lines
2.3 KiB
CSS
2 lines
2.3 KiB
CSS
:host,:root{--van-skeleton-title-width: 40%}.van-skeleton-title{background:var(--van-skeleton-paragraph-background);height:var(--van-skeleton-paragraph-height)}.van-skeleton-title--round{border-radius:var(--van-radius-max)}.van-skeleton-title{margin:0;width:var(--van-skeleton-title-width)}.van-skeleton-title+.van-skeleton-paragraph{margin-top:20px}:host,:root{--van-skeleton-avatar-size: 32px;--van-skeleton-avatar-background: var(--van-active-color)}.van-skeleton-avatar{background:var(--van-skeleton-avatar-background);flex-shrink:0;height:var(--van-skeleton-avatar-size);margin-right:var(--van-padding-md);width:var(--van-skeleton-avatar-size)}.van-skeleton-avatar--round{border-radius:var(--van-radius-max)}.van-skeleton-avatar+.van-skeleton__content{padding-top:var(--van-padding-xs)}:host,:root{--van-skeleton-paragraph-height: 16px;--van-skeleton-paragraph-background: var(--van-active-color);--van-skeleton-paragraph-margin-top: var(--van-padding-sm)}.van-skeleton-paragraph{background:var(--van-skeleton-paragraph-background);height:var(--van-skeleton-paragraph-height)}.van-skeleton-paragraph--round{border-radius:var(--van-radius-max)}.van-skeleton-paragraph:not(:first-child){margin-top:var(--van-skeleton-paragraph-margin-top)}:host,:root{--van-skeleton-duration: 1.2s}.van-skeleton{display:flex;padding:0 var(--van-padding-md)}.van-skeleton__content{width:100%}.van-skeleton--animate{animation:van-skeleton-blink var(--van-skeleton-duration) ease-in-out infinite}@keyframes van-skeleton-blink{50%{opacity:.6}}.chat-container[data-v-d14597e8]{display:flex;flex-direction:column;margin:auto;max-width:400px;padding:10px}.message[data-v-d14597e8]{align-items:flex-end;display:flex;margin-bottom:10px}.avatar[data-v-d14597e8]{border-radius:50%;height:40px;margin-right:10px;width:40px}.message-bubble[data-v-d14597e8]{border-radius:10px;max-width:70%;padding:10px;word-wrap:break-word}.sent .message-bubble[data-v-d14597e8]{align-self:flex-end;background-color:#007aff;border-bottom-right-radius:0;color:#fff;margin-inline-start:auto}.received .message-bubble[data-v-d14597e8]{background-color:#e5e5ea;border-bottom-left-radius:0;color:#000}.time[data-v-d14597e8]{display:block;font-size:12px;margin-top:5px;text-align:right}.message-placeholder[data-v-026d121e]::-moz-placeholder{font-weight:700}.message-placeholder[data-v-026d121e]::placeholder{font-weight:700}
|