admin-panel layout

src/app/components/LanguageSwitcher.tsx

@@ -32,10 +32,10 @@ export default function LanguageSwitcher() {
 	}, []);
 
 	return (
-		<div className="relative" ref={dropdownRef}>
+		<div className="language-switcher" ref={dropdownRef}>
 			<button
 				onClick={() => setIsOpen(!isOpen)}
-				className="flex items-center justify-between w-full px-4 py-2 text-sm font-medium text-[#6366f1] bg-white border-2 border-[#6366f1] rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+				className="switcher-btn"
 			>
 				<span className="flex items-center">
 					<span className="mr-2">{locale === 'ru' ? 'РУ' : locale.toUpperCase()}</span>
@@ -55,7 +55,7 @@ export default function LanguageSwitcher() {
 			</button>
 
 			{isOpen && (
-				<div className="absolute right-0 z-10 w-full mt-2 origin-top-right bg-white rounded-md shadow-lg border-2 border-[#6366f1] focus:outline-none">
+				<div className="switcher-list">
 					<ul
 						className="py-1"
 						role="listbox"
@@ -65,7 +65,7 @@ export default function LanguageSwitcher() {
 							<li key={lang} role="option">
 								<button
 									onClick={() => switchLanguage(lang)}
-									className={`flex items-center w-full px-4 py-2 text-sm text-left hover:bg-blue-100 ${locale === lang ? 'bg-blue-50 text-blue-600 font-medium' : 'text-[#6366f1]'
+									className={`language-btn ${locale === lang ? 'active' : ''
 										}`}
 									role="menuitem"
 								>