From 922363d86f781855dc389d830690756fb5e0d615 Mon Sep 17 00:00:00 2001
From: isKonstantin <me@knst.su>
Date: Thu, 15 Aug 2024 23:39:23 +0300
Subject: [PATCH] Fix theme changer position

---
 components/nav/user/theme.vue | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/components/nav/user/theme.vue b/components/nav/user/theme.vue
index 0b089bb..945e3b5 100644
--- a/components/nav/user/theme.vue
+++ b/components/nav/user/theme.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="flex flex-col justify-center items-center">
-    <div class="dropdown dropdown-bottom dropdown-hover">
+    <div class="dropdown dropdown-position dropdown-hover">
       <div tabindex="0" role="button" class="cursor-pointer size-10 flex justify-center items-center">
         <theme-icon :theme="currentTheme"/>
       </div>
@@ -13,7 +13,6 @@
           </div>
         </li>
         <li @click="handleClick">
-
           <div class="flex gap-2 rounded-xl" :class="{ 'bg-base-200' : currentTheme === 'dark' }" @click="currentTheme = 'dark'">
             <theme-icon :theme="'dark'"/>
 
@@ -66,4 +65,16 @@ const handleClick = () => {
 
 <style scoped>
 
+@media (max-width: 640px) {
+  .dropdown-position {
+    @apply dropdown-end
+  }
+}
+
+@media (min-width: 640px) {
+  .dropdown-position {
+    @apply  dropdown-bottom
+  }
+}
+
 </style>
\ No newline at end of file