| @@ -391,8 +391,16 @@ | ||
| 391 | 391 | } |
| 392 | 392 | |
| 393 | 393 | /* Tables */ |
| 394 | 394 | |
| 395 | +.wdk-wrap .widefat #the-list { | |
| 396 | + display: flex; | |
| 397 | + flex-wrap: wrap; | |
| 398 | + gap: 15px 15px; | |
| 399 | + align-items: flex-start; | |
| 400 | + justify-content: flex-start; | |
| 401 | +} | |
| 402 | + | |
| 395 | 403 | .wdk-wrap .widefat .actions_column { |
| 396 | 404 | text-align: right; |
| 397 | 405 | } |
| 398 | 406 | |
| @@ -1790,4 +1798,205 @@ | ||
| 1790 | 1798 | top: 2px; |
| 1791 | 1799 | left: 6px; |
| 1792 | 1800 | } |
| 1793 | 1801 | } |
| 1802 | + | |
| 1803 | + | |
| 1804 | +.tribute-container { | |
| 1805 | + margin-top: 20px; | |
| 1806 | +} | |
| 1807 | + | |
| 1808 | + | |
| 1809 | +.wdk-wrap { | |
| 1810 | + | |
| 1811 | +.wdk-ai-fields-list { | |
| 1812 | + background: #fff; | |
| 1813 | + border: 1px solid #dcdcde; | |
| 1814 | + border-radius: 8px; | |
| 1815 | + overflow: hidden; | |
| 1816 | +} | |
| 1817 | + | |
| 1818 | +.wdk-ai-field { | |
| 1819 | + display: flex; | |
| 1820 | + align-items: center; | |
| 1821 | + gap: 10px; | |
| 1822 | + | |
| 1823 | + padding: 14px 16px; | |
| 1824 | + | |
| 1825 | + margin: 0; | |
| 1826 | + | |
| 1827 | + border-bottom: 1px solid #f0f0f1; | |
| 1828 | + | |
| 1829 | + cursor: pointer; | |
| 1830 | + | |
| 1831 | + transition: background 0.15s ease; | |
| 1832 | +} | |
| 1833 | + | |
| 1834 | +.wdk-ai-field:last-child { | |
| 1835 | + border-bottom: 0; | |
| 1836 | +} | |
| 1837 | + | |
| 1838 | +.wdk-ai-field:hover { | |
| 1839 | + background: #f6f7f7; | |
| 1840 | +} | |
| 1841 | + | |
| 1842 | +.wdk-ai-field input[type="checkbox"] { | |
| 1843 | + margin: 0; | |
| 1844 | + flex: 0 0 auto; | |
| 1845 | +} | |
| 1846 | + | |
| 1847 | +.wdk-ai-field-label { | |
| 1848 | + flex: 1; | |
| 1849 | + | |
| 1850 | + font-size: 14px; | |
| 1851 | + font-weight: 500; | |
| 1852 | + color: #1d2327; | |
| 1853 | +} | |
| 1854 | + | |
| 1855 | +.wdk-ai-field-type { | |
| 1856 | + padding: 3px 8px; | |
| 1857 | + | |
| 1858 | + font-size: 11px; | |
| 1859 | + font-weight: 600; | |
| 1860 | + line-height: 1.4; | |
| 1861 | + color: #646970; | |
| 1862 | + background: #f0f0f1; | |
| 1863 | + border-radius: 4px; | |
| 1864 | +} | |
| 1865 | + | |
| 1866 | +.wdk-ai-field:has(input:checked) { | |
| 1867 | + background: #f0f6fc; | |
| 1868 | +} | |
| 1869 | + | |
| 1870 | +.wdk-ai-field:has(input:checked) .wdk-ai-field-label { | |
| 1871 | + color: #2271b1; | |
| 1872 | +} | |
| 1873 | + | |
| 1874 | +.wdk-ai-search-status { | |
| 1875 | + display: inline-block; | |
| 1876 | + | |
| 1877 | + margin-top: 12px; | |
| 1878 | + | |
| 1879 | + font-size: 13px; | |
| 1880 | + font-weight: 500; | |
| 1881 | +} | |
| 1882 | + | |
| 1883 | +.wdk-ai-search-status.success { | |
| 1884 | + color: #00a32a; | |
| 1885 | +} | |
| 1886 | + | |
| 1887 | +.wdk-ai-search-status.error { | |
| 1888 | + color: #d63638; | |
| 1889 | +} | |
| 1890 | + | |
| 1891 | +.wdk-ai-fields-list { | |
| 1892 | + display: grid; | |
| 1893 | + grid-template-columns: repeat(2, 1fr); | |
| 1894 | + | |
| 1895 | + background: #fff; | |
| 1896 | + border: 1px solid #dcdcde; | |
| 1897 | + border-radius: 8px; | |
| 1898 | + | |
| 1899 | + overflow: hidden; | |
| 1900 | +} | |
| 1901 | + | |
| 1902 | +.wdk-ai-field { | |
| 1903 | + border-bottom: 1px solid #f0f0f1; | |
| 1904 | +} | |
| 1905 | + | |
| 1906 | +.wdk-ai-field:nth-child(odd) { | |
| 1907 | + border-right: 1px solid #f0f0f1; | |
| 1908 | +} | |
| 1909 | +} | |
| 1910 | + | |
| 1911 | +.wdk-body-listing { | |
| 1912 | + display: flex; | |
| 1913 | + flex-wrap: wrap; | |
| 1914 | + justify-content: space-between; | |
| 1915 | + align-items: center; | |
| 1916 | + | |
| 1917 | + >* { | |
| 1918 | + order: 1; | |
| 1919 | + } | |
| 1920 | + | |
| 1921 | + .fpai-ai-button { | |
| 1922 | + order: 0; | |
| 1923 | + } | |
| 1924 | + | |
| 1925 | + >form, | |
| 1926 | + >.fpai-inline-form { | |
| 1927 | + width: 100%; | |
| 1928 | + } | |
| 1929 | +} | |
| 1930 | + | |
| 1931 | +.wdk-empty-state { | |
| 1932 | + padding: 40px 20px 48px; | |
| 1933 | + text-align: center; | |
| 1934 | + display: flex; | |
| 1935 | + flex-direction: column; | |
| 1936 | + align-items: center; | |
| 1937 | + | |
| 1938 | + | |
| 1939 | + &__image { | |
| 1940 | + display: block; | |
| 1941 | + width: 170px; | |
| 1942 | + max-width: 100%; | |
| 1943 | + height: auto; | |
| 1944 | + margin: 0 auto 18px; | |
| 1945 | + } | |
| 1946 | + | |
| 1947 | + &__title { | |
| 1948 | + margin: 0 0 8px; | |
| 1949 | + color: #292d32; | |
| 1950 | + font-size: 18px; | |
| 1951 | + font-weight: 600; | |
| 1952 | + line-height: 1.4; | |
| 1953 | + } | |
| 1954 | + | |
| 1955 | + &__description { | |
| 1956 | + max-width: 310px; | |
| 1957 | + margin: 0 auto 18px; | |
| 1958 | + color: #85858d; | |
| 1959 | + font-size: 14px; | |
| 1960 | + line-height: 1.6; | |
| 1961 | + } | |
| 1962 | + | |
| 1963 | + &__button { | |
| 1964 | + display: inline-flex; | |
| 1965 | + align-items: center; | |
| 1966 | + justify-content: center; | |
| 1967 | + gap: 8px; | |
| 1968 | + padding: 9px 15px; | |
| 1969 | + border-radius: 8px; | |
| 1970 | + background: #edf0fc; | |
| 1971 | + color: #456596; | |
| 1972 | + font-size: 14px; | |
| 1973 | + font-weight: 600; | |
| 1974 | + line-height: 1.4; | |
| 1975 | + text-decoration: none; | |
| 1976 | + transition: background .2s, color .2s; | |
| 1977 | + | |
| 1978 | + &:hover { | |
| 1979 | + background: #e0e7fc; | |
| 1980 | + color: #2f51a4; | |
| 1981 | + } | |
| 1982 | + | |
| 1983 | + &:focus-visible { | |
| 1984 | + outline: 2px solid #4775ed; | |
| 1985 | + outline-offset: 3px; | |
| 1986 | + } | |
| 1987 | + | |
| 1988 | + span { | |
| 1989 | + font-size: 21px; | |
| 1990 | + font-weight: 400; | |
| 1991 | + line-height: 1; | |
| 1992 | + } | |
| 1993 | + } | |
| 1994 | +} | |
| 1995 | + | |
| 1996 | +.wdk-wrap { | |
| 1997 | + br { | |
| 1998 | + display: block; | |
| 1999 | + content: ""; | |
| 2000 | + margin-bottom: 5px; | |
| 2001 | + } | |
| 2002 | +} | |
