@@ -102,43 +102,43 @@ function HomepageFeatures() {
102102 </ p >
103103 </ div >
104104 < div class = "mt-12 grid gap-8 lg:grid-cols-2" >
105- < div class = "relative flex flex-col items-center rounded-xl border border-gray-400/30 px-10 pt-10 text-center dark:border-gray-600/20 lg:col-span-2 lg:pt-20 bg-white dark:bg-gray-900" >
106- < div class = "absolute inset-0 dark:opacity-20 sm:bg-[url()] sm:bg-left-bottom sm:bg-no-repeat md:bg-[length:480px]" > </ div >
107- < div class = "relative" >
105+ < div class = "relative flex flex-col items-center rounded-xl border border-gray-400/30 px-10 pt-10 text-center dark:border-gray-600/20 lg:flex-row lg:gap-6 lg:px-0 lg:py-16 lg:text-left lg:col-span-2 bg-white dark:bg-gray-900" >
106+ < div class = "absolute inset-0 dark:opacity-20 sm:bg-[url()] sm:bg-right-top sm:bg-no-repeat md:bg-[length:480px]" > </ div >
107+ < div class = "relative lg:p-10 lg:pl-20 " >
108108 < div class = "inline-flex h-16 w-16 items-center justify-center rounded-full border-2 border-gray-800 bg-gray-800 shadow-lg sm:h-20 sm:w-20" >
109- < MdManageAccounts color = "#0d9ef1" size = "38" />
109+ < FiDatabase color = "#0d9ef1" size = "38" />
110110 </ div >
111111 < h3 class = "mt-6 text-3xl font-bold text-gray-900 dark:text-white sm:mt-6 sm:text-4xl xl:text-[40px]" >
112- Role-Based Access Control
112+ Model Editor
113113 </ h3 >
114114 < p class = "mt-4 max-w-xl text-gray-700 dark:text-gray-400 sm:mt-6 lg:text-lg" >
115- Role-Based Access Control (RBAC) is fully integrated into SeaORM Pro Plus. It offers a GUI editor to edit RBAC permissions and assign user roles. Without the corresponding select permission, users will not be able to see relevant tables in the GUI. Similarly, edit buttons will be hidden if user does not have update permission .
115+ SeaORM Pro provides a full CRUD interface for your SeaORM Models. Choose between pop-up or full page editor. You can customize the layout and input type of each field easily .
116116 </ p >
117117 </ div >
118- < div class = "relative flex w-full flex-1 items-end pt-12" >
119- < div class = "h-[240px ] w-full rounded-t-xl border-l border-r border-t border-gray-400/30 bg-gray-50 dark:border-gray-600/20 flex overflow-hidden lg:mx-auto lg:h-[600px] lg:w-[100%] bg-gray-100 dark:bg-gray-800" >
120- < img class = "dark:hidden object-cover object-top w-full" src = "img/09_rbac .png" />
121- < img class = "hidden dark:block object-cover object-top w-full" src = "img/09_rbac_dark .png" />
118+ < div class = "relative flex w-full flex-1 items-end pt-12 lg:block lg:!w-[60%] lg:flex-auto lg:shrink-0 lg:pt-0 " >
119+ < div class = "h-[290px ] w-full rounded-t-xl border-l border-r border-t border-gray-400/30 bg-gray-50 dark:border-gray-600/20 flex overflow-hidden lg:h-[616px] lg:rounded-l-xl lg:rounded-tr-none lg:border-b lg:border-r-0 bg-gray-100 dark:bg-gray-800" >
120+ < img class = "dark:hidden object-cover object-top lg:object-left w-full" src = "img/05_table_crud .png" />
121+ < img class = "hidden dark:block object-cover object-top lg:object-left w-full" src = "img/05_table_crud_dark .png" />
122122 </ div >
123123 </ div >
124124 </ div >
125- < div class = "relative flex flex-col items-center rounded-xl border border-gray-400/30 px-10 pt-10 text-center dark:border-gray-600/20 lg:flex-row lg:gap-6 lg:px-0 lg:py-16 lg:text-left lg:col-span-2 bg-white dark:bg-gray-900" >
126- < div class = "absolute inset-0 dark:opacity-20 sm:bg-[url()] sm:bg-right-top sm:bg-no-repeat md:bg-[length:480px]" > </ div >
127- < div class = "relative lg:p-10 lg:pl-20 " >
125+ < div class = "relative flex flex-col items-center rounded-xl border border-gray-400/30 px-10 pt-10 text-center dark:border-gray-600/20 lg:col-span-2 lg:pt-20 bg-white dark:bg-gray-900" >
126+ < div class = "absolute inset-0 dark:opacity-20 sm:bg-[url()] sm:bg-left-bottom sm:bg-no-repeat md:bg-[length:480px]" > </ div >
127+ < div class = "relative" >
128128 < div class = "inline-flex h-16 w-16 items-center justify-center rounded-full border-2 border-gray-800 bg-gray-800 shadow-lg sm:h-20 sm:w-20" >
129- < FiDatabase color = "#0d9ef1" size = "38" />
129+ < MdManageAccounts color = "#0d9ef1" size = "38" />
130130 </ div >
131131 < h3 class = "mt-6 text-3xl font-bold text-gray-900 dark:text-white sm:mt-6 sm:text-4xl xl:text-[40px]" >
132- Modal Editor
132+ Role-Based Access Control
133133 </ h3 >
134134 < p class = "mt-4 max-w-xl text-gray-700 dark:text-gray-400 sm:mt-6 lg:text-lg" >
135- SeaORM Pro provides a full CRUD interface for your SeaORM models .
135+ Role-Based Access Control (RBAC) is fully integrated into SeaORM Pro Plus. A built-in GUI editor allows administrators to configure RBAC permissions and assign user roles. Users without the appropriate permissions will not be able to view the relevant tables in the GUI .
136136 </ p >
137137 </ div >
138- < div class = "relative flex w-full flex-1 items-end pt-12 lg:block lg:!w-[60%] lg:flex-auto lg:shrink-0 lg:pt-0 " >
139- < div class = "h-[290px ] w-full rounded-t-xl border-l border-r border-t border-gray-400/30 bg-gray-50 dark:border-gray-600/20 flex overflow-hidden lg:h-[616px] lg:rounded-l-xl lg:rounded-tr-none lg:border-b lg:border-r-0 bg-gray-100 dark:bg-gray-800" >
140- < img class = "dark:hidden object-cover object-top lg:object-left w-full" src = "img/05_table_crud .png" />
141- < img class = "hidden dark:block object-cover object-top lg:object-left w-full" src = "img/05_table_crud_dark .png" />
138+ < div class = "relative flex w-full flex-1 items-end pt-12" >
139+ < div class = "h-[240px ] w-full rounded-t-xl border-l border-r border-t border-gray-400/30 bg-gray-50 dark:border-gray-600/20 flex overflow-hidden lg:mx-auto lg:h-[600px] lg:w-[100%] bg-gray-100 dark:bg-gray-800" >
140+ < img class = "dark:hidden object-cover object-top w-full" src = "img/sea-orm-pro-rbac-editor-dark .png" />
141+ < img class = "hidden dark:block object-cover object-top w-full" src = "img/sea-orm-pro-rbac-editor-light .png" />
142142 </ div >
143143 </ div >
144144 </ div >
0 commit comments