Note : After Changing font you must run gulp command i.e,
gulp watch . Refer gulp page for more gulp commands click here.
How to Change Logo ?
Go To "assets/images/brand" folder and replace your
logo with Previous Logos within in image size.
note: Please don't increase logo sizes. Replace your logo within given
image size. otherwise the logo will not fit in particular place it
disturbs the template design.
How to Enabled RTL & LTR version?
How to Enable RTL & LTR version
Please follow the bellow steps to enable RTL Version
To enable RTL Version you have to open Switcher.vue
({src/shared/components/Switcher.vue} file and remove
comments for rtl as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for color-header to enable
color-header style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for header-dark to enable
header-dark style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for header-light to enable
header-light style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for light-menu to enable
light-menu style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for color-menu to enable
color-menu style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)file
and remove
comments for layout-boxed to enable layout-boxed style as
shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for scrollable-layout to enable
scrollable-layout style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for horizontalmenu to enable
Horizontal layout style as shown in below
open Switcherdata.jspath:(Spruha/src/shared/components/Switcher.vue)
file and remove comments for horizontalmenu-hover to
enable Horizontal Hover layout style as shown in below
To remove Switcher you have to open
Header.vue(src/shared/Components/Header/Header.vue)
file
and there itself you can remove or comments for
Switcherbutton as shown in
below
At last you have to open MainDashboard.vue(src/shared/Layout/MainDashboard.vue)
and
remove or comments the
Switcher tag as well as the comments the imports also as
shown in
below
<Switcher/>
import Switcher from "../../Shared/Components/Switcher/Switcher.vue";
Why we are using the vite.config.js file and .env file ?
Vite allows you to have more control over your project's configuration by
extending the default configuration with vite.config.js or
vite.config.ts. These are located in the project's base root directory.
the file vite.config.js is the stands for configuration management tools.
and we mostly use for to configure the root routing path
for example in Spruha admin template we have given the base path
spruha-vue/preview/
Note: While you are create your own project need to change the base path
accordingly.
Important License Terms
You cannot charge your end product end users with a
Regular License.
If you want to collect payments from end product end users then you
must buy an Extended License for each of the end product.
You must buy one license for one domain only.(i.e Either Regular or
Extended)
You cannot use Multi Domain,Multi Client, Multiple end Products with
any of the licenses (i.e Either Regular or Extended).