PowerOn/frontend_nyla
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fixed some design

Browse source
This commit is contained in:
Ida Dittrich 2025-08-22 12:49:47 +02:00
parent 9d5308206e
commit f7481b24cb
9 changed files with 56 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Dashboard/DashboardChat/DashboardChatAreaInput.tsx
View file

@ -2,7 +2,7 @@ import React, { useState, useEffect, useRef } from 'react';
import FileAttachmentPopup from './FileAttachmentPopup';
import { InputAreaProps, AttachedFile } from './dashboardChatAreaTypes';
import { useLanguage } from '../../../contexts/LanguageContext';
import { useSimplePrompts } from '../../../hooks/usePrompts';
import { usePrompts } from '../../../hooks/usePrompts';
import styles from './DashboardChatAreaStyles/DashboardChatAreaInput.module.css';
import sharedStyles from './DashboardChatAreaStyles/DashboardChat.module.css';
@ -16,7 +16,7 @@ const InputArea: React.FC<InputAreaProps> = ({
onAttachedFilesChange
}) => {
const { t } = useLanguage();
const { prompts, loading: promptsLoading } = useSimplePrompts();
const { prompts, loading: promptsLoading } = usePrompts();
const [inputValue, setInputValue] = useState('');
const [showFilePopup, setShowFilePopup] = useState(false);
const [isSending, setIsSending] = useState(false);

2
src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatAreaInput.module.css
View file

@ -73,7 +73,7 @@
border: 1px solid var(--color-primary);
border-radius: 50%;
background: var(--color-bg);
color: var(--color-gray);
color: var(--color-text);
cursor: pointer;
display: flex;
align-items: center;

3
src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatConnectedFiles.module.css
View file

@ -63,6 +63,7 @@
.fileInfo {
flex: 1;
min-width: 0;
color: var(--color-text);
}
.fileName {
@ -79,7 +80,7 @@
.fileSize {
font-size: 12px;
color: var(--color-gray);
color: var(--color-text);
}
.fileActions {

2
src/components/Dashboard/DashboardChat/DashboardChatAreaStyles/DashboardChatMessages.module.css
View file

@ -153,7 +153,7 @@
/* Assistant message bubble */
.message_bubble.assistant {
background-color: var(--color-highlight-gray);
color: var(--color-text);
color: #181818;
border-bottom-left-radius: 4px;
}

22
src/components/PageManager/pageConfigs.ts
View file

@ -160,28 +160,6 @@ export const pageConfigs: PageConfig[] = [
onActivate: async () => {
if (import.meta.env.DEV) console.log('Einstellungen activated');
}
},
{
path: 'testSharepoint',
component: TestSharepoint,
persistent: false,
preload: true,
moduleEnabled: false, // Disabled by default - can be enabled for testing
// Sidebar properties
id: '8',
name: 'Test Sharepoint',
icon: FaShare,
order: 7,
showInSidebar: true,
onActivate: async () => {
if (import.meta.env.DEV) console.log('Test Sharepoint activated');
},
onLoad: async () => {
if (import.meta.env.DEV) console.log('Test Sharepoint loaded - can initialize test environment');
},
onUnload: async () => {
if (import.meta.env.DEV) console.log('Test Sharepoint unloaded - cleanup test resources');
}
}
];

83
src/pages/Home/Einstellungen.tsx
View file

@ -70,49 +70,48 @@ function Einstellungen() {
<div className={sharedStyles.horizontalDivider}></div>
<div className={sharedStyles.contentArea}>
<div className={styles.settingItem}>
<div className={styles.settingInfo}>
<span className={styles.settingLabel}>{t('settings.theme')}</span>
<span className={styles.settingDescription}>
{t('settings.theme.description')}
</span>
</div>
<button
className={`${styles.themeToggle} ${isDarkMode ? styles.dark : styles.light}`}
onClick={toggleTheme}
aria-label={isDarkMode ? t('settings.theme.toggle.light') : t('settings.theme.toggle.dark')}
>
<div className={styles.toggleSlider}>
<div className={styles.toggleIcon}>
{isDarkMode ? '🌙' : '☀️'}
</div>
<div className={styles.settingItem}>
<div className={styles.settingInfo}>
<span className={styles.settingLabel}>{t('settings.theme')}</span>
<span className={styles.settingDescription}>
{t('settings.theme.description')}
</span>
</div>
<button
className={`${styles.themeToggle} ${isDarkMode ? styles.dark : styles.light}`}
onClick={toggleTheme}
aria-label={isDarkMode ? t('settings.theme.toggle.light') : t('settings.theme.toggle.dark')}
>
<div className={styles.toggleSlider}>
<div className={styles.toggleIcon}>
{isDarkMode ? '🌙' : '☀️'}
</div>
<span className={styles.toggleLabel}>
{isDarkMode ? t('settings.theme.dark') : t('settings.theme.light')}
</span>
</button>
</div>
<div className={styles.settingItem}>
<div className={styles.settingInfo}>
<span className={styles.settingLabel}>{t('settings.language')}</span>
<span className={styles.settingDescription}>
{t('settings.language.description')}
</span>
</div>
<select
className={styles.languageSelect}
value={currentLanguage}
onChange={(e) => handleLanguageChange(e.target.value as Language)}
aria-label={t('settings.language')}
>
<option value="de">{getLanguageLabel('de')}</option>
<option value="en">{getLanguageLabel('en')}</option>
<option value="fr">{getLanguageLabel('fr')}</option>
</select>
<span className={styles.toggleLabel}>
{isDarkMode ? t('settings.theme.dark') : t('settings.theme.light')}
</span>
</button>
</div>
<div className={styles.settingItem}>
<div className={styles.settingInfo}>
<span className={styles.settingLabel}>{t('settings.language')}</span>
<span className={styles.settingDescription}>
{t('settings.language.description')}
</span>
</div>
<select
className={styles.languageSelect}
value={currentLanguage}
onChange={(e) => handleLanguageChange(e.target.value as Language)}
aria-label={t('settings.language')}
>
<option value="de">{getLanguageLabel('de')}</option>
<option value="en">{getLanguageLabel('en')}</option>
<option value="fr">{getLanguageLabel('fr')}</option>
</select>
</div>
<div className={styles.settingsSection}>
@ -126,8 +125,8 @@ function Einstellungen() {
</div>
</div>
</div>
);
</div>
);
}
export default Einstellungen;

16
src/pages/Home/HomeStyles/Dashboard.module.css
View file

@ -58,10 +58,11 @@
flex-direction: column;
align-items: center;
gap: 2px;
color: var(--color-text);
}
.statLabel {
color: var(--color-text-secondary);
color: var(--color-text);
font-size: 11px;
text-transform: uppercase;
}
@ -142,7 +143,8 @@
cursor: pointer;
font-family: var(--font-family);
transition: 0.2s ease;
border-bottom: 1px solid var(--color-gray-disabled);
border-bottom: 1px solid var(--color-primary);
color: var(--color-text);
}
.dropdownItem:hover {
@ -163,26 +165,26 @@
.workflowId {
font-size: 12px;
color: var(--color-text-secondary);
color: var(--color-text);
font-family: monospace;
}
.workflowStatus {
font-size: 12px;
color: var(--color-text-secondary);
color: var(--color-text);
text-transform: capitalize;
}
.statValueSuccess {
color: var(--color-success);
color: var(--color-text);
}
.statValueWarning {
color: var(--color-warning);
color: var(--color-text);
}
.statValueError {
color: var(--color-error);
color: var(--color-text);
}
.statValueBold {

9
src/pages/Home/HomeStyles/Workflows.module.css
View file

@ -15,12 +15,3 @@
flex-direction: column;
min-height: 400px; /* Ensure minimum height for table functionality */
}
/* Future workflow-specific styles go here */
.workflowItem {
/* Future workflow item styling */
}
.workflowActions {
/* Future workflow action styling */
}

1
src/pages/Home/TeamBereich.tsx
View file

@ -1,4 +1,3 @@
import styles from './HomeStyles/TeamBereich.module.css'
import sharedStyles from '../../components/PageManager/pages.module.css';
import MitgliederTable from '../../components/Mitglieder/MitgliederTable';