diff --git a/src/layout/AppMenu.vue b/src/layout/AppMenu.vue index d562023..454c247 100644 --- a/src/layout/AppMenu.vue +++ b/src/layout/AppMenu.vue @@ -166,7 +166,7 @@ const model = ref([
  • - + Prime Blocks
    • diff --git a/src/views/pages/Landing.vue b/src/views/pages/Landing.vue index 2917098..751375e 100644 --- a/src/views/pages/Landing.vue +++ b/src/views/pages/Landing.vue @@ -57,7 +57,7 @@ const logoUrl = computed(() => {

    Eu sem integereget magna fermentum

    @@ -271,7 +271,7 @@ const logoUrl = computed(() => {
    $0 per month - +
    Rating
    - +
    ColorPicker
    diff --git a/src/views/utilities/Documentation.vue b/src/views/utilities/Documentation.vue index 67a943a..2c21e7f 100644 --- a/src/views/utilities/Documentation.vue +++ b/src/views/utilities/Documentation.vue @@ -7,24 +7,18 @@
    Getting Started

    - Sakai is an application template for Vue based on the create-vue, the recommended way to start a Vite-powered Vue projects. To get started, clone the - repository from GitHub and install the dependencies with npm or yarn. + Sakai is an application template for Vue based on the create-vue, the recommended way to start a Vite-powered Vue + projects. To get started, clone the repository from GitHub and install the dependencies with npm or yarn.

    - -npm install - + npm install or - -yarn - + yarn

    Next step is running the application using the serve script and navigate to http://localhost:5173/ to view the application. That is it, you may now start with the development of your application using the Sakai template.

    - -npm run dev - + npm run dev
    Structure

    Sakai consists of a couple folders, demos and layout have been separated so that you can easily remove what is not necessary for your application.

    @@ -42,31 +36,27 @@ npm run dev
    Integration with Existing Vite Applications

    Only the folders that are related to the layout needs to move in to your project. We've created a short tutorial with details.

    - +
    PrimeVue Theme
    -

    - Sakai theming is based on the PrimeVue theme being used. Default theme is lara-light-indigo. -

    +

    Sakai theming is based on the PrimeVue theme being used. Default theme is lara-light-indigo.

    SASS Variables
    -

    - In case you'd like to customize the main layout variables, open _variables.scss file under src/layout folder. Saving the changes will be reflected instantly at your browser. -

    +

    In case you'd like to customize the main layout variables, open _variables.scss file under src/layout folder. Saving the changes will be reflected instantly at your browser.

    src/layout/_variables.scss
    - -/* General */ -
    -$scale:14px; /* main font size */ -
    -$borderRadius:12px; /* border radius of layout element e.g. card, sidebar */ -
    -$transitionDuration:.2s; /* transition duration of layout elements e.g. sidebar, overlay menus */ -     + + /* General */ +
    + $scale:14px; /* main font size */ +
    + $borderRadius:12px; /* border radius of layout element e.g. card, sidebar */ +
    + $transitionDuration:.2s; /* transition duration of layout elements e.g. sidebar, overlay menus */ +
    @@ -79,7 +69,7 @@ $transitionDuration:.2s; /* transition duration of layout elements e.g. s width: 100%; height: 0; padding-bottom: 56.25%; - + iframe { position: absolute; top: 0; @@ -89,4 +79,4 @@ $transitionDuration:.2s; /* transition duration of layout elements e.g. s } } } - \ No newline at end of file + diff --git a/src/views/utilities/Icons.vue b/src/views/utilities/Icons.vue index b1458e0..e4b14dc 100644 --- a/src/views/utilities/Icons.vue +++ b/src/views/utilities/Icons.vue @@ -1,5 +1,5 @@