Version 1.0.1-rc2 - Modification Responsive

src/components/UI/Metric.vue

@@ -52,7 +52,8 @@ function getIcons(name) {
     margin: 0;
 }
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 768px),
+       screen and (max-height: 607px)  {
 
     .metric {
         flex-direction: column;

src/components/UI/ModalTree.vue

@@ -21,7 +21,8 @@ defineProps({
 </script>
 <style scoped>
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 768px),
+       screen and (max-height: 607px) {
     .settings-icon {
         display: none;
     }

src/components/Widget/Guild/Settings/GuildUsers.vue

@@ -73,7 +73,8 @@ function banUser(member) {
 </script>
 <style scoped>
 
-@media screen and (max-width: 768px) {
+@media screen and (max-width: 768px),
+       screen and (max-height: 607px) {
    
     .group {
         flex-direction: column;

src/views/Interface.vue

@@ -166,7 +166,7 @@ function checkGuildAvailability() {
 
 }
 
-@media screen and (min-width: 769px) and (max-width: 1280px) and (min-height: 607px) {
+@media screen and (min-width: 769px), screen and (max-width: 1280px), screen and (min-height: 607px) {
     .queue {
         display: none
     }