refinedev · aliemir · Jul 1, 2024 · Jun 10, 2024 · Jun 11, 2024 · Jun 11, 2024
@@ -1,26 +1,32 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="utf-8" />
-        <link rel="icon" href="/favicon.ico" />
-        <meta name="viewport" content="width=device-width, initial-scale=1" />
-        <meta name="theme-color" content="#000000" />
-        <meta name="description" content="Web site created using refine" />
-        <!--
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta name="description" content="Web site created using refine" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
+      rel="stylesheet"
+    />
+    <!--
       manifest.json provides metadata used when your web app is installed on a
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
-        <title>
-            refine - A React-based framework for building data-intensive
-            applications in no time.
-        </title>
-    </head>
-    <body>
-        <noscript>You need to enable JavaScript to run this app.</noscript>
-        <div id="root"></div>
-        <script type="module" src="/src/index.tsx"></script>
+    <title>
+      refine - A React-based framework for building data-intensive applications
+      in no time.
+    </title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
 
-        <!--
+    <!--
       This HTML file is a template.
       If you open it directly in the browser, you will see an empty page.
 
@@ -29,5 +35,6 @@
 
       To begin the development, run `npm run dev` or `yarn dev`.
       To create a production bundle, use `npm run build` or `yarn build`.
-    --></body>
+    -->
+  </body>
 </html>
@@ -29,7 +29,9 @@
     "@refinedev/react-router-v6": "^4.5.11",
     "@refinedev/strapi-v4": "^6.0.8",
     "antd": "^5.17.0",
+    "antd-style": "^3.6.1",
     "axios": "^1.6.2",
+    "lucide-react": "^0.336.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.8.1"
@@ -40,6 +42,7 @@
     "@types/react-dom": "^18.0.0",
     "@vitejs/plugin-react": "^4.2.1",
     "typescript": "^5.4.2",
-    "vite": "^5.1.6"
+    "vite": "^5.1.6",
+    "vite-tsconfig-paths": "^4.2.1"
   }
 }
@@ -0,0 +1,55 @@
+.ant-pagination-item {
+  border-radius: 100% !important;
+  font-weight: 400 !important;
+}
+
+.ant-pagination-item-active {
+  border-radius: 100% !important;
+  color: var(--ant-color-primary-text-active) !important;
+  background: var(--ant-color-primary-bg) !important;
+  border: 1px solid var(--ant-color-primary-bg-hover);
+}
+
+.ant-table-content {
+  border: 1px solid var(--ant-color-border);
+  border-radius: 24px;
+}
+
+.ant-pagination-total-text {
+  margin-right: auto;
+  margin-inline-end: auto !important;
+}
+
+.ant-table-cell {
+  white-space: nowrap;
+}
+
+.ant-btn {
+  border-radius: 80px;
+}
+
+.ant-form-item-horizontal {
+  .ant-form-item-row {
+    align-items: center;
+  }
+}
+
+.ant-table-filter-dropdown > div > div {
+  width: 100%;
+}
+
+.ant-select {
+  width: 100%;
+}
+
+.ant-select-selector {
+  width: 100%;
+}
+
+.ant-page-header-heading {
+  height: 56px;
+
+  @media screen and (max-width: 768px) {
+    height: max-content;
+  }
+}