Merge pull request #658 from traPtitech/fix/consent

OAuth認可画面のスタイル修正
traPtitech · May 1, 2020 · a50f8e9 · a50f8e9
2 parents db12f3b + f07e5b6
commit a50f8e9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Authenticate/ConsentForm/ClientDescription.vue b/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 {

diff --git a/src/components/Authenticate/ConsentForm/ConsentForm.vue b/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"