RNS-Things/reticulum-meshchatX
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 8 Wiki Activity

fix styles

Browse Source
This commit is contained in:
liamcottle
2025-02-02 01:54:44 +13:00
parent 3a13442bb9
commit 812ff6b887
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/frontend/components/interfaces/AddInterfacePage.vue
View File

@@ -53,7 +53,7 @@
</div>
<!-- add interface form -->
<div class="bg-white rounded shadow divide-y divide-gray-200 dark:bg-zinc-900">
<div class="bg-white rounded shadow divide-y divide-gray-300 dark:divide-zinc-700 dark:bg-zinc-900">
<div class="p-2 font-bold dark:text-white">
<span v-if="isEditingInterface">Edit Interface</span>
<span v-else>Add Interface</span>

8
src/frontend/components/interfaces/ExpandingSection.vue
View File

@@ -1,11 +1,11 @@
<template>
<div class="bg-white rounded shadow divide-y divide-gray-200 dark:bg-zinc-900">
<div @click="isExpanded = !isExpanded" class="flex p-2 justify-between cursor-pointer">
<div class="bg-white rounded shadow divide-y divide-gray-300 dark:divide-zinc-700 dark:bg-zinc-900 overflow-hidden">
<div @click="isExpanded = !isExpanded" class="flex p-2 justify-between cursor-pointer hover:bg-gray-50 dark:hover:bg-zinc-800">
<div class="my-auto mr-auto">
<div class="font-bold dark:text-white">
<slot name="title"/>
</div>
<div class="text-sm dark:text-white">
<div class="text-sm text-gray-600 dark:text-gray-300">
<slot name="subtitle"/>
</div>
</div>
@@ -13,7 +13,7 @@
<div class="w-5 h-5 text-gray-600 dark:text-gray-300 transform transition-transform duration-200" :class="{ 'rotate-90': isExpanded }">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" class="size-5">
<rect width="256" height="256" fill="none"/>
<path d="M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34Z"/>
<path d="M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34Z" fill="currentColor"/>
</svg>
</div>
</div>