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

Added gradient to main background

Browse Source
This commit is contained in:
Adam Bem
2023-06-15 15:19:12 +02:00
parent 794328a27b
commit 8f13ab0b4e
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
Frontend/src/App.vue
View File

@@ -13,9 +13,9 @@ onMounted(() => {
</script> </script>
<template> <template>
<div id="layout" class="flex dark:bg-gray-800"> <div id="layout" class="flex bg-gradient-to-r from-white to-blue-200 dark:bg-gradient-to-r dark:from-slate-800 dark:to-indigo-950">
<SidebarComponent /> <SidebarComponent />
<div class="relative p-6 w-11/12 m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl"> <div class="relative p-6 w-full m-4 bg-indigo-50 dark:bg-gray-700 rounded-2xl shadow-md">
<RouterView></RouterView> <RouterView></RouterView>
</div> </div>
</div> </div>

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

@@ -17,7 +17,7 @@ const props = defineProps(
<template> <template>
<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"> <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 shadow-md">
<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"> <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> <span class="flex-1 whitespace-nowrap">{{props.categoryName}}</span>
</button> </button>