Skip to content

Commit 26e6f6e

Browse files
devnamdev2003devnamdev2003
committed
update UI
1 parent a3510cc commit 26e6f6e

20 files changed

Lines changed: 218 additions & 159 deletions

‎documentation/components/AppComponent.html‎

Lines changed: 1 addition & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1028,21 +1028,7 @@ <h3 id="inputs">
10281028
<p class="comment">
10291029
<code>./app.component.css</code>
10301030
</p>
1031-
<pre class="line-numbers"><code class="language-scss">.mobile-slide-up {
1032-
animation: slideUp 0.3s ease-out forwards;
1033-
}
1034-
1035-
@keyframes slideUp {
1036-
from {
1037-
transform: translateY(100%);
1038-
opacity: 0;
1039-
}
1040-
1041-
to {
1042-
transform: translateY(0);
1043-
opacity: 1;
1044-
}
1045-
}</code></pre>
1031+
<pre class="line-numbers"><code class="language-scss"></code></pre>
10461032
</div>
10471033

10481034
<div class="tab-pane fade " id="tree">

‎documentation/components/ExpenseWiseComponent.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -743,8 +743,8 @@ <h3 id="inputs">
743743

744744
<div class="tab-pane fade " id="templateData">
745745
<pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;expense&quot;&gt;
746-
&lt;app-navbar class&#x3D;&quot;hidden md:block&quot;&gt;&lt;/app-navbar&gt;
747-
&lt;div class&#x3D;&quot;flex md:pt-14 pb-9 h-screen overflow-hidden&quot;&gt;
746+
&lt;app-navbar &gt;&lt;/app-navbar&gt;
747+
&lt;div class&#x3D;&quot;flex pt-[3rem] pb-9 h-screen overflow-hidden&quot;&gt;
748748
&lt;app-sidebar&gt;&lt;/app-sidebar&gt;
749749
&lt;main class&#x3D;&quot;flex-1 overflow-y-auto w-full h-full&quot;&gt;
750750
&lt;ng-container [ngSwitch]&#x3D;&quot;currentSection&quot;&gt;
@@ -792,7 +792,7 @@ <h3 id="inputs">
792792
<script src="../js/libs/htmlparser.js"></script>
793793
<script src="../js/libs/deep-iterator.js"></script>
794794
<script>
795-
var COMPONENT_TEMPLATE = '<div><div class="expense"> <app-navbar class="hidden md:block"></app-navbar> <div class="flex md:pt-14 pb-9 h-screen overflow-hidden"> <app-sidebar></app-sidebar> <main class="flex-1 overflow-y-auto w-full h-full"> <ng-container [ngSwitch]="currentSection"> <app-home *ngSwitchCase="\'home\'"></app-home> <div *ngSwitchCase="\'add\'" [class.mobile-slide-up]="isMobile"> <app-add-expense></app-add-expense> </div> <app-list-expenses *ngSwitchCase="\'list\'"></app-list-expenses> <app-calendar *ngSwitchCase="\'calendar\'"></app-calendar> <app-settings *ngSwitchCase="\'settings\'"></app-settings> <app-budget *ngSwitchCase="\'budget\'"></app-budget> <app-ai *ngSwitchCase="\'ai\'"></app-ai> <app-home *ngSwitchDefault></app-home> </ng-container> </main> </div> <app-footer></app-footer> <app-toast></app-toast></div></div>'
795+
var COMPONENT_TEMPLATE = '<div><div class="expense"> <app-navbar ></app-navbar> <div class="flex pt-[3rem] pb-9 h-screen overflow-hidden"> <app-sidebar></app-sidebar> <main class="flex-1 overflow-y-auto w-full h-full"> <ng-container [ngSwitch]="currentSection"> <app-home *ngSwitchCase="\'home\'"></app-home> <div *ngSwitchCase="\'add\'" [class.mobile-slide-up]="isMobile"> <app-add-expense></app-add-expense> </div> <app-list-expenses *ngSwitchCase="\'list\'"></app-list-expenses> <app-calendar *ngSwitchCase="\'calendar\'"></app-calendar> <app-settings *ngSwitchCase="\'settings\'"></app-settings> <app-budget *ngSwitchCase="\'budget\'"></app-budget> <app-ai *ngSwitchCase="\'ai\'"></app-ai> <app-home *ngSwitchDefault></app-home> </ng-container> </main> </div> <app-footer></app-footer> <app-toast></app-toast></div></div>'
796796
var COMPONENTS = [{'name': 'AddExpenseComponent', 'selector': 'app-add-expense'},{'name': 'AiComponent', 'selector': 'app-ai'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BudgetComponent', 'selector': 'app-budget'},{'name': 'CalendarComponent', 'selector': 'app-calendar'},{'name': 'CategoryDropdownComponent', 'selector': 'app-category-dropdown'},{'name': 'DownloadComponentComponent', 'selector': 'app-download-component'},{'name': 'ExpenseDetailsModalComponent', 'selector': 'app-expense-details-modal'},{'name': 'ExpenseListComponent', 'selector': 'app-expense-list'},{'name': 'ExpenseWiseComponent', 'selector': 'app-expense-wise'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'FormModelComponent', 'selector': 'app-form-model'},{'name': 'GlobalLoaderComponent', 'selector': 'app-global-loader'},{'name': 'GraphsComponent', 'selector': 'app-graphs'},{'name': 'HamburgerMenuComponent', 'selector': 'app-hamburger-menu'},{'name': 'HomeComponent', 'selector': 'app-home'},{'name': 'InstallAppPopupComponentComponent', 'selector': 'app-install-app-popup-component'},{'name': 'ListExpensesComponent', 'selector': 'app-list-expenses'},{'name': 'MusicComponent', 'selector': 'app-music'},{'name': 'NavbarComponent', 'selector': 'app-navbar'},{'name': 'PieChartComponent', 'selector': 'app-pie-chart'},{'name': 'PlaylistMusicComponent', 'selector': 'app-playlist-music'},{'name': 'SearchButtonComponent', 'selector': 'app-search-button'},{'name': 'SearchMusicComponent', 'selector': 'app-search-music'},{'name': 'SettingItemComponent', 'selector': 'app-setting-item'},{'name': 'SettingsComponent', 'selector': 'app-settings'},{'name': 'SidebarComponent', 'selector': 'app-sidebar'},{'name': 'TemplatePlaygroundComponent', 'selector': 'template-playground-root'},{'name': 'ToastComponent', 'selector': 'app-toast'}];
797797
var DIRECTIVES = [];
798798
var ACTUAL_COMPONENT = {'name': 'ExpenseWiseComponent'};

‎documentation/components/GraphsComponent.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1749,7 +1749,7 @@ <h3 id="inputs">
17491749
</div>
17501750

17511751
<div class="tab-pane fade " id="templateData">
1752-
<pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;w-full max-w-xl&quot;&gt;
1752+
<pre class="line-numbers"><code class="language-html">&lt;div class&#x3D;&quot;w-full&quot;&gt;
17531753
&lt;apx-chart
17541754
[series]&#x3D;&quot;chartSeries&quot;
17551755
[chart]&#x3D;&quot;chartDetails&quot;
@@ -1798,7 +1798,7 @@ <h3 id="inputs">
17981798
<script src="../js/libs/htmlparser.js"></script>
17991799
<script src="../js/libs/deep-iterator.js"></script>
18001800
<script>
1801-
var COMPONENT_TEMPLATE = '<div><div class="w-full max-w-xl"> <apx-chart [series]="chartSeries" [chart]="chartDetails" [xaxis]="chartXAxis" [yaxis]="chartYAxis" [grid]="grid" [dataLabels]="dataLabels" [stroke]="stroke" [title]="title" [theme]="theme" [tooltip]="tooltip"> </apx-chart></div></div>'
1801+
var COMPONENT_TEMPLATE = '<div><div class="w-full"> <apx-chart [series]="chartSeries" [chart]="chartDetails" [xaxis]="chartXAxis" [yaxis]="chartYAxis" [grid]="grid" [dataLabels]="dataLabels" [stroke]="stroke" [title]="title" [theme]="theme" [tooltip]="tooltip"> </apx-chart></div></div>'
18021802
var COMPONENTS = [{'name': 'AddExpenseComponent', 'selector': 'app-add-expense'},{'name': 'AiComponent', 'selector': 'app-ai'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BudgetComponent', 'selector': 'app-budget'},{'name': 'CalendarComponent', 'selector': 'app-calendar'},{'name': 'CategoryDropdownComponent', 'selector': 'app-category-dropdown'},{'name': 'DownloadComponentComponent', 'selector': 'app-download-component'},{'name': 'ExpenseDetailsModalComponent', 'selector': 'app-expense-details-modal'},{'name': 'ExpenseListComponent', 'selector': 'app-expense-list'},{'name': 'ExpenseWiseComponent', 'selector': 'app-expense-wise'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'FormModelComponent', 'selector': 'app-form-model'},{'name': 'GlobalLoaderComponent', 'selector': 'app-global-loader'},{'name': 'GraphsComponent', 'selector': 'app-graphs'},{'name': 'HamburgerMenuComponent', 'selector': 'app-hamburger-menu'},{'name': 'HomeComponent', 'selector': 'app-home'},{'name': 'InstallAppPopupComponentComponent', 'selector': 'app-install-app-popup-component'},{'name': 'ListExpensesComponent', 'selector': 'app-list-expenses'},{'name': 'MusicComponent', 'selector': 'app-music'},{'name': 'NavbarComponent', 'selector': 'app-navbar'},{'name': 'PieChartComponent', 'selector': 'app-pie-chart'},{'name': 'PlaylistMusicComponent', 'selector': 'app-playlist-music'},{'name': 'SearchButtonComponent', 'selector': 'app-search-button'},{'name': 'SearchMusicComponent', 'selector': 'app-search-music'},{'name': 'SettingItemComponent', 'selector': 'app-setting-item'},{'name': 'SettingsComponent', 'selector': 'app-settings'},{'name': 'SidebarComponent', 'selector': 'app-sidebar'},{'name': 'TemplatePlaygroundComponent', 'selector': 'template-playground-root'},{'name': 'ToastComponent', 'selector': 'app-toast'}];
18031803
var DIRECTIVES = [];
18041804
var ACTUAL_COMPONENT = {'name': 'GraphsComponent'};

‎documentation/components/HamburgerMenuComponent.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -809,7 +809,7 @@ <h3 id="inputs">
809809
&lt;/div&gt;
810810
&lt;/div&gt; --&gt;
811811

812-
&lt;div class&#x3D;&quot;md:hidden fixed top-1 right-4 z-50 hamburger-menu-container&quot;&gt;
812+
&lt;div class&#x3D;&quot;md:hidden fixed top-[0.1rem] right-3 z-50 hamburger-menu-container&quot;&gt;
813813
&lt;button *ngIf&#x3D;&quot;showAIButton&quot; (click)&#x3D;&quot;navigateAndClose(&#x27;ai&#x27;, $event)&quot;
814814
class&#x3D;&quot;text-lg text-[var(--color-white)] py-[0.65rem]&quot;&gt;
815815
&lt;img src&#x3D;&quot;assets/img/icon/icons8-ai-96.png&quot; alt&#x3D;&quot;Menu&quot; class&#x3D;&quot;w-[24px] h-[24px]&quot;
@@ -850,7 +850,7 @@ <h3 id="inputs">
850850
<script src="../js/libs/htmlparser.js"></script>
851851
<script src="../js/libs/deep-iterator.js"></script>
852852
<script>
853-
var COMPONENT_TEMPLATE = '<div><!-- <div class="md:hidden fixed top-1 right-4 z-50 hamburger-menu-container"> <button (click)="toggleMenu()" class="text-lg text-[var(--color-white)] py-2"> <img src="assets/img/icon/icons8-menu-vertical-50.png" alt="Menu" class="w-[24px] h-[24px]" style="filter: invert(100%); transition: filter 0.3s ease;"> </button> <div *ngIf="isMenuOpen" class="fixed top-[3rem] right-[0.2rem] bg-[--color-surface] rounded-lg shadow-lg mt-2 w-[10rem]"> <ul class="flex flex-col"> <li> <a href="#" (click)="navigateAndClose(\'search\', $event)" class="block px-4 py-2 hover:bg-[--list-hover]">🔍 Search</a> </li> <li> <a href="#" (click)="navigateAndClose(\'settings\', $event)" class="block px-4 py-2 hover:bg-[--list-hover]">⚙️ Settings</a> </li> </ul> </div></div> --><div class="md:hidden fixed top-1 right-4 z-50 hamburger-menu-container"> <button *ngIf="showAIButton" (click)="navigateAndClose(\'ai\', $event)" class="text-lg text-[var(--color-white)] py-[0.65rem]"> <img src="assets/img/icon/icons8-ai-96.png" alt="Menu" class="w-[24px] h-[24px]" style="filter: invert(100%); transition: filter 0.3s ease;"> </button></div></div>'
853+
var COMPONENT_TEMPLATE = '<div><!-- <div class="md:hidden fixed top-1 right-4 z-50 hamburger-menu-container"> <button (click)="toggleMenu()" class="text-lg text-[var(--color-white)] py-2"> <img src="assets/img/icon/icons8-menu-vertical-50.png" alt="Menu" class="w-[24px] h-[24px]" style="filter: invert(100%); transition: filter 0.3s ease;"> </button> <div *ngIf="isMenuOpen" class="fixed top-[3rem] right-[0.2rem] bg-[--color-surface] rounded-lg shadow-lg mt-2 w-[10rem]"> <ul class="flex flex-col"> <li> <a href="#" (click)="navigateAndClose(\'search\', $event)" class="block px-4 py-2 hover:bg-[--list-hover]">🔍 Search</a> </li> <li> <a href="#" (click)="navigateAndClose(\'settings\', $event)" class="block px-4 py-2 hover:bg-[--list-hover]">⚙️ Settings</a> </li> </ul> </div></div> --><div class="md:hidden fixed top-[0.1rem] right-3 z-50 hamburger-menu-container"> <button *ngIf="showAIButton" (click)="navigateAndClose(\'ai\', $event)" class="text-lg text-[var(--color-white)] py-[0.65rem]"> <img src="assets/img/icon/icons8-ai-96.png" alt="Menu" class="w-[24px] h-[24px]" style="filter: invert(100%); transition: filter 0.3s ease;"> </button></div></div>'
854854
var COMPONENTS = [{'name': 'AddExpenseComponent', 'selector': 'app-add-expense'},{'name': 'AiComponent', 'selector': 'app-ai'},{'name': 'AppComponent', 'selector': 'app-root'},{'name': 'BudgetComponent', 'selector': 'app-budget'},{'name': 'CalendarComponent', 'selector': 'app-calendar'},{'name': 'CategoryDropdownComponent', 'selector': 'app-category-dropdown'},{'name': 'DownloadComponentComponent', 'selector': 'app-download-component'},{'name': 'ExpenseDetailsModalComponent', 'selector': 'app-expense-details-modal'},{'name': 'ExpenseListComponent', 'selector': 'app-expense-list'},{'name': 'ExpenseWiseComponent', 'selector': 'app-expense-wise'},{'name': 'FooterComponent', 'selector': 'app-footer'},{'name': 'FormModelComponent', 'selector': 'app-form-model'},{'name': 'GlobalLoaderComponent', 'selector': 'app-global-loader'},{'name': 'GraphsComponent', 'selector': 'app-graphs'},{'name': 'HamburgerMenuComponent', 'selector': 'app-hamburger-menu'},{'name': 'HomeComponent', 'selector': 'app-home'},{'name': 'InstallAppPopupComponentComponent', 'selector': 'app-install-app-popup-component'},{'name': 'ListExpensesComponent', 'selector': 'app-list-expenses'},{'name': 'MusicComponent', 'selector': 'app-music'},{'name': 'NavbarComponent', 'selector': 'app-navbar'},{'name': 'PieChartComponent', 'selector': 'app-pie-chart'},{'name': 'PlaylistMusicComponent', 'selector': 'app-playlist-music'},{'name': 'SearchButtonComponent', 'selector': 'app-search-button'},{'name': 'SearchMusicComponent', 'selector': 'app-search-music'},{'name': 'SettingItemComponent', 'selector': 'app-setting-item'},{'name': 'SettingsComponent', 'selector': 'app-settings'},{'name': 'SidebarComponent', 'selector': 'app-sidebar'},{'name': 'TemplatePlaygroundComponent', 'selector': 'template-playground-root'},{'name': 'ToastComponent', 'selector': 'app-toast'}];
855855
var DIRECTIVES = [];
856856
var ACTUAL_COMPONENT = {'name': 'HamburgerMenuComponent'};

0 commit comments

Comments
 (0)