From 90f944cdf888972048f69d3e9aa217bfba2f5914 Mon Sep 17 00:00:00 2001
From: undefined <i@undefined.moe>
Date: Wed, 23 Oct 2024 22:09:57 +0800
Subject: [PATCH] ui: add rounded option

---
 packages/ui-default/hydro.ts | 11 +++++++++++
 packages/ui-default/index.ts |  1 +
 2 files changed, 12 insertions(+)

diff --git a/packages/ui-default/hydro.ts b/packages/ui-default/hydro.ts
index cf4b47dc4..05630d0b0 100644
--- a/packages/ui-default/hydro.ts
+++ b/packages/ui-default/hydro.ts
@@ -34,6 +34,16 @@ function buildSequence(pages, type) {
     }));
 }
 
+function rounded() {
+  if (!UserContext.rounded) return;
+  const style = document.createElement('style');
+  style.innerHTML = `
+    .section { border-radius: 8px; }
+    .section__table-header { border-radius: 8px 8px 0 0; }
+  `;
+  document.head.append(style);
+}
+
 async function animate() {
   if (UserContext.skipAnimate) return;
   const style = document.createElement('style');
@@ -54,6 +64,7 @@ async function animate() {
 
 export async function initPageLoader() {
   const pageLoader = new PageLoader();
+  rounded();
 
   const currentPageName = document.documentElement.getAttribute('data-page');
   const currentPage = pageLoader.getNamedPage(currentPageName);
diff --git a/packages/ui-default/index.ts b/packages/ui-default/index.ts
index 2008395aa..68663331a 100644
--- a/packages/ui-default/index.ts
+++ b/packages/ui-default/index.ts
@@ -132,6 +132,7 @@ class RichMediaHandler extends Handler {
 export function apply(ctx: Context) {
   ctx.inject(['setting'], (c) => {
     c.setting.PreferenceSetting(
+      SettingModel.Setting('setting_display', 'rounded', false, 'boolean', 'Rounded Corners'),
       SettingModel.Setting('setting_display', 'skipAnimate', false, 'boolean', 'Skip Animation'),
       SettingModel.Setting('setting_display', 'showTimeAgo', true, 'boolean', 'Enable Time Ago'),
     );