|
1862 | 1862 | width: 16px; |
1863 | 1863 | height: 16px; |
1864 | 1864 | border-radius: 50%; |
1865 | | - background: rgba(0, 0, 0, 0.7); |
1866 | | - border: 1px solid rgba(255, 255, 255, 0.2); |
1867 | | - color: @project-panel-text-2; |
| 1865 | + background: rgba(255, 255, 255, 0.12); |
| 1866 | + border: 1px solid rgba(255, 255, 255, 0.18); |
| 1867 | + color: rgba(255, 255, 255, 0.7); |
1868 | 1868 | font-size: 11px; |
1869 | 1869 | padding: 0; |
1870 | 1870 | display: none; |
1871 | 1871 | align-items: center; |
1872 | 1872 | justify-content: center; |
1873 | 1873 | cursor: pointer; |
| 1874 | + transition: background 150ms, color 150ms; |
| 1875 | + |
| 1876 | + &:hover { |
| 1877 | + background: rgba(255, 255, 255, 0.22); |
| 1878 | + color: #fff; |
| 1879 | + } |
1874 | 1880 | } |
1875 | 1881 |
|
1876 | 1882 | &:hover .ai-image-remove { |
|
1904 | 1910 | width: 16px; |
1905 | 1911 | height: 16px; |
1906 | 1912 | border-radius: 50%; |
1907 | | - background: rgba(0, 0, 0, 0.7); |
1908 | | - border: 1px solid rgba(255, 255, 255, 0.2); |
1909 | | - color: @project-panel-text-2; |
| 1913 | + background: rgba(255, 255, 255, 0.12); |
| 1914 | + border: 1px solid rgba(255, 255, 255, 0.18); |
| 1915 | + color: rgba(255, 255, 255, 0.7); |
1910 | 1916 | font-size: 11px; |
1911 | 1917 | padding: 0; |
1912 | 1918 | display: none; |
1913 | 1919 | align-items: center; |
1914 | 1920 | justify-content: center; |
1915 | 1921 | cursor: pointer; |
| 1922 | + transition: background 150ms, color 150ms; |
| 1923 | + |
| 1924 | + &:hover { |
| 1925 | + background: rgba(255, 255, 255, 0.22); |
| 1926 | + color: #fff; |
| 1927 | + } |
1916 | 1928 | } |
1917 | 1929 |
|
1918 | 1930 | &:hover .ai-file-remove { |
|
0 commit comments