Indicate what border radius is selected

This commit is contained in:
WardPearce
2026-04-23 21:45:29 +12:00
parent 6b806c7dda
commit 76e1397815
@@ -155,7 +155,8 @@
interfaceBorderRadiusStore.set(0); interfaceBorderRadiusStore.set(0);
}} }}
class="surface-container-highest" class="surface-container-highest"
style="border-radius: 0 !important;width: 80%;" style="border-radius: 0 !important;width: 100%;box-sizing:border-box;"
class:border={$interfaceBorderRadiusStore == 0}
> >
<p>{$_('layout.theme.borderRadius.none')}</p> <p>{$_('layout.theme.borderRadius.none')}</p>
</button> </button>
@@ -166,7 +167,8 @@
interfaceBorderRadiusStore.set(0.25); interfaceBorderRadiusStore.set(0.25);
}} }}
class="surface-container-highest" class="surface-container-highest"
style="border-radius: 0.25rem !important;width: 80%;" style="border-radius: 0.25rem !important;width: 100%;box-sizing:border-box;"
class:border={$interfaceBorderRadiusStore == 0.25}
> >
<p>{$_('layout.theme.borderRadius.slight')}</p> <p>{$_('layout.theme.borderRadius.slight')}</p>
</button> </button>
@@ -177,7 +179,8 @@
interfaceBorderRadiusStore.set(0.5); interfaceBorderRadiusStore.set(0.5);
}} }}
class="surface-container-highest" class="surface-container-highest"
style="border-radius: 0.5rem !important;width: 80%;" style="border-radius: 0.5rem !important;width: 100%;box-sizing:border-box;"
class:border={$interfaceBorderRadiusStore == 0.5}
> >
<p>{$_('layout.theme.borderRadius.modern')}</p> <p>{$_('layout.theme.borderRadius.modern')}</p>
</button> </button>
@@ -188,7 +191,8 @@
interfaceBorderRadiusStore.set(1); interfaceBorderRadiusStore.set(1);
}} }}
class="surface-container-highest" class="surface-container-highest"
style="border-radius: 1rem !important;width: 80%;" style="border-radius: 1rem !important;width: 100%;box-sizing:border-box;"
class:border={$interfaceBorderRadiusStore == 1}
> >
<p>{$_('layout.theme.borderRadius.rounded')}</p> <p>{$_('layout.theme.borderRadius.rounded')}</p>
</button> </button>