From 13ac6b064d1f4875f890f11aa69bba941c1c8edb Mon Sep 17 00:00:00 2001
From: Wisp X <wisp-x@qq.com>
Date: Fri, 21 Jan 2022 07:58:02 +0800
Subject: [PATCH] :lipstick: Updating the UI and style files.

---
 public/css/app.css                        | 7 +++++++
 resources/views/admin/group/add.blade.php | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/public/css/app.css b/public/css/app.css
index b431116d..137ec5cd 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1035,6 +1035,9 @@ select {
 .flex-col-reverse {
   flex-direction: column-reverse;
 }
+.flex-wrap {
+  flex-wrap: wrap;
+}
 .flex-nowrap {
   flex-wrap: nowrap;
 }
@@ -1158,6 +1161,10 @@ select {
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.break-normal {
+  overflow-wrap: normal;
+  word-break: normal;
+}
 .break-words {
   overflow-wrap: break-word;
 }
diff --git a/resources/views/admin/group/add.blade.php b/resources/views/admin/group/add.blade.php
index 614fc22b..d80cffd3 100644
--- a/resources/views/admin/group/add.blade.php
+++ b/resources/views/admin/group/add.blade.php
@@ -91,9 +91,9 @@
                             <div class="col-span-6">
                                 <fieldset>
                                     <legend class="text-base font-medium text-gray-900">允许上传的图片类型</legend>
-                                    <div class="flex mt-4 space-x-4">
+                                    <div class="flex flex-wrap mt-4">
                                         @foreach($extensions as $extension)
-                                        <div class="flex items-center h-5 space-x-2">
+                                        <div class="flex items-center h-5 space-x-2 mr-4">
                                             <input id="{{ $extension }}" name="{{ $extension }}" type="checkbox" class="focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded" checked>
                                             <label for="{{ $extension }}" class="font-medium text-gray-700">{{ strtoupper($extension) }}</label>
                                         </div>