R11/release11-tools
4
2
Fork 0
Code Issues 9 Pull Requests 4 Packages Projects Releases 6 Wiki Activity

Reimplemented XML Tools and added styling #227

Merged
bema merged 18 commits from bema/func/styling into master 2023-06-16 14:38:55 +02:00
Conversation 1 Commits 18 Files Changed 21 +5 -5
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 794328a27b - Show all commits

2
Frontend/src/components/sidebar/SidebarComponent.vue
View File

@@ -24,7 +24,7 @@ onMounted( () => {
<template>
<aside class="relative flex-shrink-0 top-0 left-0 z-40 w-48 h-screen transition-transform -translate-x-full sm:translate-x-0" >
<div class="h-full px-3 pt-2 pb-4 overflow-y-auto bg-indigo-50 dark:bg-gray-800">
<div class="h-full px-3 pt-2 pb-4 overflow-y-auto">
<a href="https://release11.com/">
<img :src="logoR11" class="w-72 h-16 p-2 pt-0"/>
</a>

6
Frontend/src/components/sidebar/SidebarMenuElementComponent.vue
View File

@@ -17,11 +17,11 @@ const props = defineProps(
<template>
<div class="mb-4 w-full">
<button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-t-lg bg-white dark:bg-gray-700' : 'rounded-lg']" class="w-full p-2 text-lg font-bold text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-white dark:hover:bg-gray-600">
<div class="mb-4 bg-gradient-to-r from-blue-400 to-blue-200 dark:from-blue-700 dark:to-indigo-900 p-2 rounded-xl w-full">
<button @click="switchHiddenElement()" type="button" :class="[isActive ? 'rounded-lg' : 'rounded-lg']" class="w-full p-2 text-lg font-bold text-gray-900 transition duration-75 hover:bg-blue-100 dark:text-gray-100 dark:hover:bg-slate-600">
<span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
</button>
<div class="flex flex-col w-full py-2 bg-white dark:bg-gray-700 rounded-b-xl font-thin overflow-hidden" :class="[isActive ? 'active' : 'hidden']">
<div class="flex flex-col w-full py-2 bg-indigo-50 dark:bg-slate-800 rounded-xl font-thin overflow-hidden" :class="[isActive ? 'active' : 'hidden']">
<slot></slot>
</div>
</div>

2
Frontend/src/components/sidebar/SidebarToolLinkComponent.vue
View File

@@ -11,7 +11,7 @@ const props = defineProps(
<template>
<RouterLink
class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-blue-100 dark:text-white dark:hover:bg-gray-600"
class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-blue-200 dark:text-white dark:hover:bg-slate-600"
:to="props.pathTo">{{ props.elementContent }}</RouterLink>
</template>