comment-popup/CommentPopupStyle.php at main · spyrochat/comment-popup · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<?php

return fn() => <<<CSS

   .commentPopup {
      display: flex;
      flex-direction: column;
      gap: 16px;
      padding: 12px;
      margin-top: 12px;
      background: var(--dom);
      border: 1px solid var(--hover);
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
      max-width: 280px;
   }

   .commentPopupTextarea {
      width: 100%;
      height: 60px;
      padding: 10px;
      border: 1px solid var(--hover);
      border-radius: 8px;
      background: var(--navBtnBg);
      color: var(--icon1);
      font-size: 13px;
      font-family: var(--font-body);
      resize: none;
      transition: border-color 0.15s ease;
      box-sizing: border-box;
   }

   .commentPopupTextarea:focus {
      outline: none;
      border-color: var(--green);
   }

   .commentPopupTextarea::placeholder {
      color: var(--lightgray);
   }

   .commentPopupSendBtn {
      width: 100%;
      padding: 10px;
      border: none;
      border-radius: 8px;
      background: var(--green);
      color: #fff;
      font-size: 14px;
      font-weight: 600;
      cursor: pointer;
      transition: filter 0.15s ease;
   }

   .commentPopupSendBtn:hover {
      filter: brightness(1.1);
   }

   .commentPopupSendBtn:active {
      transform: scale(0.98);
   }

CSS;