Merge branch 'master' of https://gogs.interscope.i234.me/mo0647/audi

* 'master' of https://gogs.interscope.i234.me/mo0647/audi:
  서브페이지 반응형작업

app/assets/scss/admin.scss

@@ -389,7 +389,7 @@ html {
     }
     img{
       object-fit: cover;
-      height:auto;
+      height:100%;
       position: absolute;
       top:50%;
       transform: translateY(-50%);
@@ -412,6 +412,7 @@ html {
     width:100%;
     max-width:100%;
     height:100vh;
+    object-fit: cover;
   }
 
   &[data-text-location="topright"]{

app/assets/scss/media.scss

@@ -129,6 +129,17 @@
                         width: calc(50% - 8px);
                     }
                 }
+                .event--wrap{
+                    grid-template-columns: repeat(2, 1fr);
+                    .event--card{
+                        &:first-child{
+                            grid-column: 1 / -1;
+                        }
+                        h3{
+                            font-size: 20px;
+                        }
+                    }
+                }
                 .ls--card--wrap{
                     .ls--card{
                         gap: 36px;
@@ -144,6 +155,72 @@
                         }
                     }
                 }
+                .news--wrap{
+                    margin-bottom: 0;
+                    .news--table{
+                        .view{
+                            display: none;
+                        }
+                        thead{
+                            tr{
+                                th{
+                                    padding: 15px 0;
+                                    font-size: 14px;
+                                }
+                            }
+                        }
+                        tbody{
+                            tr{
+                                td{
+                                    padding: 15px 0;
+                                    font-size: 14px;
+                                    &.date{
+                                        overflow: hidden;
+                                        text-overflow: ellipsis;
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+                .view--wrap{
+                    .title--wrap{
+                        padding: 20px 0;
+                        >h2{
+                            font-size: 36px;
+                        }
+                    }
+                }
+                .dealer--search--section{
+                    padding: 0;
+                    .dealer--toggle--icon{
+                        font-size: 24px;
+                    }
+                    .dealer--region--header{
+                        padding: 12px 0;
+                    }
+                    .dealer--region--name{
+                        font-size: 16px;
+                    }
+                }
+                .sales--advisor--wrap{
+                    .sales--team--wrap{
+                        .advisor--list{
+                            >ul{
+                                >li{
+                                    width: 33.3333%;
+                                    padding: 25px 20px;
+                                    .advisor--info{
+                                        margin-top: 15px;
+                                        p{
+                                            font-size: 14px;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
             }
             .title--section{
                 padding-left: 0;
@@ -169,6 +246,9 @@
                 }
                 >h3{
                     font-size: 32px;
+                    &.big--title{
+                        font-size: 32px;
+                    }
                 }
                 &.full--type{
                     >ul{
@@ -213,6 +293,13 @@
                 }
             }
         }
+        .inner--link--contents{
+            ul{
+                li{
+                    width: 100%;
+                }
+            }
+        }
     }
 }
 @media(max-width: 768px){
@@ -248,6 +335,30 @@
                         }
                     }
                 }
+                .event--wrap{
+                    grid-template-columns: repeat(1, 1fr);
+                }
+                .sales--advisor--wrap{
+                    .sales--team--wrap{
+                        .advisor--list{
+                            >ul{
+                                >li{
+                                    width: 50%;
+                                }
+                            }
+                        }
+                    }
+                }
+                .view--wrap{
+                    .title--wrap{
+                        >h2{
+                            font-size: 24px;
+                        }
+                        p{
+                            font-size: 14px;
+                        }
+                    }
+                }
             }
             .more--section{
                 .tech--card--wrap{
@@ -303,6 +414,20 @@
                 }
             }
         }
+        .pagination--wrap{
+            .pagination--btn{
+                width: 36px;
+                height: 36px;
+            }    
+            .pagination--numbers{
+                .pagination--number{
+                    width: 36px;
+                    height: 36px;
+                    min-width: 36px;
+                    font-size: 14px;
+                }
+            }
+        }
     }
     footer{
         .footer--wrap{
@@ -337,6 +462,19 @@
                     }
                 }
             }
+            .content--wrap{
+                .sales--advisor--wrap{
+                    .sales--team--wrap{
+                        .advisor--list{
+                            >ul{
+                                >li{
+                                    width: 100%;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
         }
     }
 }

app/assets/scss/style.scss

@@ -613,6 +613,7 @@ main{
                             border-bottom: 1px solid rgba(252, 252, 253, 0.7);
                             th{
                                 padding: 20px 0;
+                                white-space: nowrap;
                                 text-align: center;
                             }
                         }

app/pages/company/ir.vue

@@ -23,11 +23,11 @@
                 <col style="width:5%">
                 <col style="width:60%">
                 <col style="width:10%">
-                <col style="width:5%">
+                <col style="width:5%" class="view">
               </colgroup>
               <thead>
                 <tr>
-                  <th v-for="column in columns" :key="column.key">
+                  <th v-for="column in columns" :key="column.key" :class="{ 'view': column.key === 'views' }">
                     {{ column.label }}
                   </th>
                 </tr>
@@ -36,8 +36,8 @@
                 <tr v-for="news in paginatedNews" :key="news.id" @click="goToNews(news)">
                   <td>{{ news.id }}</td>
                   <td class="ellipsis1">{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}</td>
-                  <td>{{ news.date }}</td>
-                  <td>{{ news.views }}</td>
+                  <td class="date">{{ news.date }}</td>
+                  <td class="view">{{ news.views }}</td>
                 </tr>
               </tbody>
             </table>

app/pages/company/news.vue

@@ -23,11 +23,11 @@
                 <col style="width:5%">
                 <col style="width:60%">
                 <col style="width:10%">
-                <col style="width:5%">
+                <col style="width:5%" class="view">
               </colgroup>
               <thead>
                 <tr>
-                  <th v-for="column in columns" :key="column.key">
+                  <th v-for="column in columns" :key="column.key" :class="{ 'view': column.key === 'views' }">
                     {{ column.label }}
                   </th>
                 </tr>
@@ -36,8 +36,8 @@
                 <tr v-for="news in paginatedNews" :key="news.id" @click="goToNews(news)">
                   <td>{{ news.id }}</td>
                   <td class="ellipsis1">{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}{{ news.title }}</td>
-                  <td>{{ news.date }}</td>
-                  <td>{{ news.views }}</td>
+                  <td class="date">{{ news.date }}</td>
+                  <td class="view">{{ news.views }}</td>
                 </tr>
               </tbody>
             </table>
@@ -170,6 +170,7 @@
       views: 1432,
       link: '/company/view1'
     },
+    
   ]);
 
   const currentPage = ref(1);