Update app.css

app.css

@@ -95,69 +95,37 @@ footer, .footer, div[class*="footer"], #footer {
     height: 100%;
 }
 
-/* Examples 섹션 스타일링 - 수정된 버전 */
-.examples-section {
-    width: 100% !important;
-    padding: 24px !important;
-    margin-top: 24px !important;
-    display: block !important;
-    overflow: visible !important;
-}
-
-.examples-section .ant-row {
-    display: grid !important;
-    grid-template-columns: repeat(3, 1fr) !important;
-    gap: 16px !important;
-    width: 100% !important;
-    min-height: auto !important;
-    overflow: visible !important;
-}
-
-.examples-section .ant-col {
-    width: 100% !important;
-    display: block !important;
-    position: relative !important;
-    float: none !important;
-    flex: none !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-.examples-section .ant-card {
-    width: 100% !important;
-    height: 100% !important;
-    margin-bottom: 16px !important;
-    cursor: pointer !important;
-    display: block !important;
-    visibility: visible !important;
-    opacity: 1 !important;
-}
-
-.examples-section .ant-card-meta {
-    padding: 12px !important;
-    display: block !important;
+/* 버튼 컨테이너 스타일링 */
+.ant-flex {
+    width: 100%;
 }
 
-/* 반응형 레이아웃 */
-@media (max-width: 768px) {
-    .examples-section .ant-col {
-        flex: 0 0 100% !important;
-        max-width: 100% !important;
-    }
+/* 버튼 스타일링 */
+.ant-btn {
+    flex: 1;
+    min-width: 80px;
 }
 
-@media (min-width: 769px) and (max-width: 1200px) {
-    .examples-section .ant-col {
-        flex: 0 0 50% !important;
-        max-width: 50% !important;
-    }
+.ant-btn-primary {
+    background-color: #1890ff;
 }
 
-/* 전체 레이아웃 조정 */
-.ant-row {
-    margin: 0 !important;
+.ant-btn-default:hover {
+    color: #1890ff;
+    border-color: #1890ff;
+}
+
+/* Code 실행 버튼 특별 스타일 */
+.ant-btn-default[title="Code 실행"] {
+    background-color: #52c41a;
+    color: white;
+    border: none;
 }
 
+.ant-btn-default[title="Code 실행"]:hover {
+    background-color: #73d13d;
+    color: white;
+}
 
 /* Example 버튼 스타일링 */
 .ant-btn-block {
@@ -179,4 +147,9 @@ footer, .footer, div[class*="footer"], #footer {
 /* 버튼 사이 간격 */
 .ant-btn-block + .ant-btn-block {
     margin-top: 12px;
+}
+
+/* 전체 레이아웃 조정 */
+.ant-row {
+    margin: 0 !important;
 }