From 111baacf47166dca27fac6003907fae3f82cd85b Mon Sep 17 00:00:00 2001
From: Ulle9 <ulle@mail.ru>
Date: Mon, 28 Aug 2023 21:58:39 +0300
Subject: [PATCH] UI changes

---
 .../src/components/Common/TextURL.tsx         |  2 +-
 rsconcept/frontend/src/components/Footer.tsx  | 19 +++++++++----------
 .../frontend/src/components/Help/HelpMain.tsx | 14 +++++++-------
 rsconcept/frontend/src/index.css              |  4 ++--
 .../src/pages/ManualsPage/TopicsList.tsx      |  4 ++--
 rsconcept/frontend/src/utils/color.ts         | 10 +++++-----
 6 files changed, 26 insertions(+), 27 deletions(-)

diff --git a/rsconcept/frontend/src/components/Common/TextURL.tsx b/rsconcept/frontend/src/components/Common/TextURL.tsx
index c17bd75a..abcfd4f3 100644
--- a/rsconcept/frontend/src/components/Common/TextURL.tsx
+++ b/rsconcept/frontend/src/components/Common/TextURL.tsx
@@ -7,7 +7,7 @@ interface TextURLProps {
 
 function TextURL({ text, href }: TextURLProps) {
   return (
-    <Link className='font-bold hover:underline text-url' to={href}>
+    <Link className='hover:underline text-url' to={href}>
       {text}
     </Link>
   );
diff --git a/rsconcept/frontend/src/components/Footer.tsx b/rsconcept/frontend/src/components/Footer.tsx
index feffc5e2..1f2c2881 100644
--- a/rsconcept/frontend/src/components/Footer.tsx
+++ b/rsconcept/frontend/src/components/Footer.tsx
@@ -4,20 +4,19 @@ import { urls } from '../utils/constants';
 
 function Footer() {
   return (
-    <footer className='z-50 px-4 pt-2 pb-4 text-sm select-none whitespace-nowrap clr-footer'>
-      <div className='flex items-stretch justify-center w-full gap-4 mx-auto'>
-        <div className='underline'>
-          <Link to='/library' tabIndex={-1}>Библиотека</Link> <br/>
-          <Link to='/manuals' tabIndex={-1}>Справка</Link> <br/>
+    <footer className='z-50 px-4 pt-2 pb-4 text-sm border-t-2 border-white select-none whitespace-nowrap clr-footer'>
+      <div className='justify-center w-full mx-auto'>
+        <div className='mb-2 text-center'>
+          <Link className='mx-2 hover:underline' to='/library' tabIndex={-1}>Библиотека</Link> 
+          <Link className='mx-2 hover:underline' to='/manuals' tabIndex={-1}>Справка</Link>
+          <Link className='mx-2 hover:underline' to={urls.concept} tabIndex={-1}>Центр Концепт</Link>
+          <Link className='mx-2 hover:underline' to='/manuals?topic=exteor' tabIndex={-1}>Экстеор</Link>
         </div>
         <div className=''>
-          <p className='w-full text-center underline'><a href={urls.concept} tabIndex={-1} >Центр Концепт</a></p>
+          
           <p className='mt-0.5 text-center'>© 2023 ЦИВТ КОНЦЕПТ</p>
         </div>
-        <div className='flex flex-col underline'>
-          <Link to='/manuals?topic=exteor' tabIndex={-1}>Экстеор</Link>
-        </div>
-        
+
       </div>
     </footer >
   );
diff --git a/rsconcept/frontend/src/components/Help/HelpMain.tsx b/rsconcept/frontend/src/components/Help/HelpMain.tsx
index 2a45baf3..f9613978 100644
--- a/rsconcept/frontend/src/components/Help/HelpMain.tsx
+++ b/rsconcept/frontend/src/components/Help/HelpMain.tsx
@@ -6,17 +6,17 @@ function HelpMain() {
   return (
     <div className='w-full lg:text-justify'>
       <h1>Портал</h1>
-      <p><u>Портал</u> позволяет анализировать предметные области, формально записывать системы определений (<u>концептуальные схемы</u>) и синтезировать их с помощью математического аппарата родов структур.</p>
-      <p>Навигация по порталу осуществляется верхнюю панель или ссылки в "подвале" страницы. Их можно скрыть с помощью кнопки в правом верхнем углу</p>
-      <p>В меню пользователя (правый верхний угол) редактирование данных пользователя и изменение цветовой темы.</p>
-      <p className='mt-2'><b>Основные разделы Портала</b></p>
+      <p className='lg:text-left indent-6'>Портал позволяет анализировать предметные области, формально записывать системы определений (концептуальные схемы) и синтезировать их с помощью математического аппарата родов структур.</p>
+      <p className='lg:text-left indent-6'>Навигация по порталу осуществляется верхнюю панель или ссылки в "подвале" страницы. Их можно скрыть с помощью кнопки в правом верхнем углу</p>
+      <p className='lg:text-left indent-6'>В меню пользователя (правый верхний угол) редактирование данных пользователя и изменение цветовой темы.</p>
+      <p className='mt-4 mb-1 text-center'><b>Основные разделы</b></p>
       <li><TextURL text='Библиотека' href='/library' /> - все схемы доступные пользователю</li>
       <li><TextURL text='Общие схемы' href={`/library?filter=${LibraryFilterStrategy.COMMON}`} /> - общедоступные схемы и инструменты поиска и навигации по ним</li>
       <li><TextURL text='Мои схемы' href={`/library?filter=${LibraryFilterStrategy.PERSONAL}`} /> - отслеживаемые и редактируемые схемы. Основной рабочий раздел</li>
       <li><TextURL text='Профиль' href='/profile' /> - данные пользователя и смена пароля</li>
-      <p className='mt-2'><b>Поддержка Портала</b></p>
-      <p>Портал разрабатывается <TextURL text='Центром Концепт' href={urls.concept}/> и является проектом с открытым исходным кодом, доступным на <TextURL text='Github' href={urls.gitrepo}/>.</p>
-      <p>Ждём Ваши пожелания по доработке, найденные ошибки и иные предложения по адресу <TextURL href={urls.mailportal} text='portal@acconcept.ru'/></p>
+      <p className='mt-4 mb-1 text-center'><b>Поддержка</b></p>
+      <p className='lg:text-left indent-6'>Портал разрабатывается <TextURL text='Центром Концепт' href={urls.concept}/> и является проектом с открытым исходным кодом, доступным на <TextURL text='Github' href={urls.gitrepo}/>.</p>
+      <p className='lg:text-left indent-6'>Ждём Ваши пожелания по доработке, найденные ошибки и иные предложения по адресу <TextURL href={urls.mailportal} text='portal@acconcept.ru'/></p>
       <p></p>
     </div>
   );
diff --git a/rsconcept/frontend/src/index.css b/rsconcept/frontend/src/index.css
index 52ff9193..86f29e2d 100644
--- a/rsconcept/frontend/src/index.css
+++ b/rsconcept/frontend/src/index.css
@@ -71,11 +71,11 @@
   }
 
   .clr-input {
-    @apply dark:bg-[#070b12] bg-white disabled:bg-[#f0f2f7] dark:disabled:bg-gray-700
+    @apply dark:bg-[#070b12] bg-white disabled:bg-[#c6c6c6] dark:disabled:bg-[#181818]
   }
 
   .clr-footer {
-    @apply clr-app text-gray-600 border-gray-400 dark:border-[#434343] dark:text-gray-300
+    @apply clr-app text-gray-600 border-gray-400 dark:border-[#434343] dark:text-[#aaaaaa]
   }
 
   .clr-card {
diff --git a/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx b/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx
index 26e8466b..311ad7ec 100644
--- a/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx
+++ b/rsconcept/frontend/src/pages/ManualsPage/TopicsList.tsx
@@ -9,13 +9,13 @@ interface TopicsListProps {
 
 function TopicsList({ activeTopic, onChangeTopic }: TopicsListProps) {
   return (
-    <div className='sticky top-0 left-0 border-r border-b min-w-[13rem] pt-2 select-none flex flex-col clr-bg-pop'>
+    <div className='sticky top-0 left-0 border-r border-b min-w-[13rem] pt-2 select-none flex flex-col clr-bg-pop clr-border'>
       <div className='mb-2 font-bold text-center'>Справка</div>
       { [... mapTopicInfo.entries()].map(
       ([topic, info], index) => {
         return (
           <div key={`${prefixes.topic_list}${index}`}
-            className={`px-3 py-1 border-y cursor-pointer clr-hover ${activeTopic === topic ? 'font-semibold underline' : ''}`}
+            className={`px-3 py-1 border-y cursor-pointer clr-hover clr-border ${activeTopic === topic ? 'font-semibold underline' : ''}`}
             title={info.tooltip}
             onClick={() => onChangeTopic(topic)}
           >
diff --git a/rsconcept/frontend/src/utils/color.ts b/rsconcept/frontend/src/utils/color.ts
index 9edc23cc..cdb8588a 100644
--- a/rsconcept/frontend/src/utils/color.ts
+++ b/rsconcept/frontend/src/utils/color.ts
@@ -73,21 +73,21 @@ export const dataTableDarkT = {
     disabled: 'rgba(228, 228, 231, 0.54)'
   },
   background: {
-    default: '#111827'
+    default: '#181818'
   },
   highlightOnHover: {
-    default: '#4d6080',
+    default: '#606060',
     text: 'rgba(228, 228, 231, 1)'
   },
   divider: {
     default: '#6b6b6b'
   },
   striped: {
-    default: '#374151',
-    text: 'rgba(228, 228, 231, 1)'
+    default: '#272727',
+    text: 'rgba(228, 228, 228, 1)'
   },
   selected: {
-    default: '#4d6080',
+    default: '#181818',
     text: 'rgba(228, 228, 231, 1)'
   }
 };