fix(ui): Use WordmarkLogo in preference header if mobile devices

lindwurm · lindwurm · commit 973f4f0a558b · 2026-04-03T21:56:06.000+09:00
* custom.scss: align center with .logo-container
diff --git a/app/javascript/styles/mods/custom.scss b/app/javascript/styles/mods/custom.scss
@@ -39,7 +39,7 @@
   padding: 7px 50%;
 }
 
-.logo-react-root {
+.logo-container .logo-react-root {
   text-align: center;
 
   img {
diff --git a/app/views/layouts/admin.html.haml b/app/views/layouts/admin.html.haml
@@ -16,7 +16,7 @@
           .sidebar__toggle
             .sidebar__toggle__logo
               = link_to root_path do
-                = _logo_as_symbol_wordmark
+                = .logo-react-root
 
             = link_to '#', class: 'sidebar__toggle__icon', 'aria-label': t('navigation.toggle_menu'), 'aria-expanded': 'false' do
               = material_symbol 'menu'

Original file line number	Diff line number	Diff line change
`@@ -39,7 +39,7 @@`
`39`	`39`	`padding: 7px 50%;`
`40`	`40`	`}`
`41`	`41`
`42`		`-.logo-react-root {`
	`42`	`+.logo-container .logo-react-root {`
`43`	`43`	`text-align: center;`
`44`	`44`
`45`	`45`	`img {`