feat: Обновление компонентов ASNsNewManager, DomainsNewManager и IPRangesManager с добавлением позиционирования для подсказок и улучшением доступности кнопок. Подсказки теперь отображаются сверху, а кнопки получили атрибуты title для повышения удобства использования.

2025-11-12 10:48:21 +07:00
parent 2160e58166
commit 807471b7b1
4 changed files with 54 additions and 18 deletions
@@ -860,11 +860,12 @@ function DomainsNewManager() {
                        <div className="d-flex align-items-center">
                          <IconWorld size={16} className="me-2 text-muted" />
                          <span className="font-monospace">{item.domain}</span>
-                          <Tooltip content="Копировать домен">
+                          <Tooltip content="Копировать домен" position="top">
                            <button
                              className="btn btn-ghost-secondary btn-icon btn-sm ms-2"
                              onClick={() => copyToClipboard(item.domain)}
                              aria-label="Копировать"
+                              title="Копировать домен"
                            >
                              <IconCopy size={14} />
                            </button>
@@ -910,29 +911,32 @@ function DomainsNewManager() {
                            </>
                          ) : (
                            <>
-                              <Tooltip content="Редактировать">
+                              <Tooltip content="Редактировать" position="top">
                                <button 
                                  className="btn btn-outline-primary btn-icon btn-sm" 
                                  aria-label="Редактировать" 
                                  onClick={() => handleEdit(item)}
+                                  title="Редактировать"
                                >
                                  <IconEdit size={16} />
                                </button>
                              </Tooltip>
-                              <Tooltip content="Копировать">
+                              <Tooltip content="Копировать" position="top">
                                <button 
                                  className="btn btn-outline-secondary btn-icon btn-sm" 
                                  aria-label="Копировать" 
                                  onClick={() => copyToClipboard(`${item.domain} ${item.community}`)}
+                                  title="Копировать"
                                >
                                  <IconCopy size={16} />
                                </button>
                              </Tooltip>
-                              <Tooltip content="Удалить">
+                              <Tooltip content="Удалить" position="top">
                                <button 
                                  className="btn btn-outline-danger btn-icon btn-sm" 
                                  aria-label="Удалить" 
                                  onClick={() => confirmDelete(item)}
+                                  title="Удалить"
                                >
                                  <IconTrash size={16} />
                                </button>