Merge pull request #658 from traPtitech/fix/consent

OAuth認可画面のスタイル修正

Author: spaspa

src/components/Authenticate/ConsentForm/ClientDescription.vue

@@ -86,21 +86,22 @@ export default defineComponent({
 .desc {
   display: grid;
   grid-template-columns: min-content fit-content(100%);
-  grid-template-rows: 1fr 1fr;
+  grid-template-rows: repeat(2, min-content);
   grid-column-gap: 12px;
   grid-row-gap: 8px;
-  word-break: break-all;
 }
 .descTitle {
   word-break: keep-all;
   padding: 4px 12px;
+  margin: auto 0;
   border: solid 2px;
   border-radius: 18px;
   font-weight: bold;
   text-align: center;
 }
 .descContent {
   word-break: keep-all;
+  overflow-wrap: anywhere;
   margin: auto 0;
 }
 .developerIcon {

src/components/Authenticate/ConsentForm/ConsentForm.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div :style="styles.container">
     <authenticate-header :class="$style.header" title="OAuth認可" />
     <client-description
       v-if="state.client"