1
0
forked from baron/baron-sso

타이틀 이모티콘 로고 제거

This commit is contained in:
2026-05-18 13:50:46 +09:00
parent d1184613d8
commit 54fb7b4db6
5 changed files with 37 additions and 61 deletions

View File

@@ -1,4 +1,3 @@
import { KeyRound } from "lucide-react";
import { t } from "../../lib/i18n"; import { t } from "../../lib/i18n";
import PermissionChecker from "./components/PermissionChecker"; import PermissionChecker from "./components/PermissionChecker";
@@ -7,8 +6,7 @@ function AuthPage() {
<div className="space-y-6"> <div className="space-y-6">
<div className="flex flex-wrap items-end justify-between gap-4"> <div className="flex flex-wrap items-end justify-between gap-4">
<div className="space-y-1"> <div className="space-y-1">
<h2 className="flex items-center gap-2 text-2xl font-semibold tracking-tight"> <h2 className="text-2xl font-semibold tracking-tight">
<KeyRound size={22} className="text-primary" />
{t("ui.admin.auth_guard.title", "Auth Guard")} {t("ui.admin.auth_guard.title", "Auth Guard")}
</h2> </h2>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">

View File

@@ -1,5 +1,5 @@
import { useMutation } from "@tanstack/react-query"; import { useMutation } from "@tanstack/react-query";
import { CheckCircle2, ShieldAlert, XCircle } from "lucide-react"; import { CheckCircle2, XCircle } from "lucide-react";
import { useState } from "react"; import { useState } from "react";
import { Button } from "../../../components/ui/button"; import { Button } from "../../../components/ui/button";
import { import {
@@ -47,8 +47,7 @@ function PermissionChecker() {
return ( return (
<Card className="border-primary/20 bg-[var(--color-panel)]"> <Card className="border-primary/20 bg-[var(--color-panel)]">
<CardHeader> <CardHeader>
<CardTitle className="flex items-center gap-2"> <CardTitle>
<ShieldAlert size={20} className="text-primary" />
{t( {t(
"ui.admin.auth_guard.checker.title", "ui.admin.auth_guard.checker.title",
"ReBAC permission checker", "ReBAC permission checker",

View File

@@ -373,24 +373,16 @@ function DataIntegrityContent() {
<section className="rounded-lg border border-border bg-card p-5"> <section className="rounded-lg border border-border bg-card p-5">
<div className="flex flex-wrap items-center justify-between gap-3 border-b border-border pb-4"> <div className="flex flex-wrap items-center justify-between gap-3 border-b border-border pb-4">
<div className="flex items-center gap-3"> <div>
<div className="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary"> <h3 className="text-base font-semibold">
<ShieldAlert size={18} /> {t("ui.admin.integrity.read_model.title", "Read model integrity")}
</div> </h3>
<div> <p className="text-sm text-muted-foreground">
<h3 className="text-base font-semibold"> {t(
{t( "msg.admin.integrity.read_model.description",
"ui.admin.integrity.read_model.title", "Ory SoT를 덮어쓰지 않고 backend DB read model의 이상 징후만 확인합니다.",
"Read model integrity", )}
)} </p>
</h3>
<p className="text-sm text-muted-foreground">
{t(
"msg.admin.integrity.read_model.description",
"Ory SoT를 덮어쓰지 않고 backend DB read model의 이상 징후만 확인합니다.",
)}
</p>
</div>
</div> </div>
{data ? ( {data ? (
<Badge variant={statusBadgeVariant(data.status)}> <Badge variant={statusBadgeVariant(data.status)}>

View File

@@ -2,7 +2,6 @@ import { useQuery } from "@tanstack/react-query";
import { import {
Activity, Activity,
AlertTriangle, AlertTriangle,
BarChart3,
CheckCircle2, CheckCircle2,
Database, Database,
ShieldCheck, ShieldCheck,
@@ -289,22 +288,16 @@ function RPUsageMixedChart({
return ( return (
<section className="space-y-3"> <section className="space-y-3">
<div className="flex flex-wrap items-center justify-between gap-3"> <div className="flex flex-wrap items-center justify-between gap-3">
<div className="flex items-center gap-2"> <div className="space-y-1">
<BarChart3 size={18} className="text-primary" /> <h3 className="text-base font-semibold">
<div className="space-y-1"> {t("ui.admin.overview.chart.title", "회사별 앱별 로그인 요청 현황")}
<h3 className="text-base font-semibold"> </h3>
{t( <p className="text-sm text-muted-foreground">
"ui.admin.overview.chart.title", {t(
"회사별 앱별 로그인 요청 현황", "ui.admin.overview.chart.description",
)} "전체 또는 선택한 조직 기준으로 그래프를 확인합니다.",
</h3> )}
<p className="text-sm text-muted-foreground"> </p>
{t(
"ui.admin.overview.chart.description",
"전체 또는 선택한 회사 기준으로 그래프를 확인합니다.",
)}
</p>
</div>
</div> </div>
{periodControls} {periodControls}
</div> </div>
@@ -570,22 +563,19 @@ function GlobalOverviewPage() {
{usageQuery.isError ? ( {usageQuery.isError ? (
<section className="space-y-2"> <section className="space-y-2">
<div className="flex flex-wrap items-center justify-between gap-3"> <div className="flex flex-wrap items-center justify-between gap-3">
<div className="flex items-center gap-2"> <div className="space-y-1">
<BarChart3 size={18} className="text-primary" /> <h3 className="text-base font-semibold">
<div className="space-y-1"> {t(
<h3 className="text-base font-semibold"> "ui.admin.overview.chart.title",
{t( "회사별 앱별 로그인 요청 현황",
"ui.admin.overview.chart.title", )}
"회사별 앱별 로그인 요청 현황", </h3>
)} <p className="text-sm text-muted-foreground">
</h3> {t(
<p className="text-sm text-muted-foreground"> "ui.admin.overview.chart.description",
{t( "전체 또는 선택한 조직 기준으로 그래프를 확인합니다.",
"ui.admin.overview.chart.description", )}
"전체 또는 선택한 회사 기준으로 그래프를 확인합니다.", </p>
)}
</p>
</div>
</div> </div>
{periodControls} {periodControls}
</div> </div>

View File

@@ -1,5 +1,5 @@
import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"; import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
import { AlertTriangle, Database, RefreshCw, RotateCcw } from "lucide-react"; import { AlertTriangle, RefreshCw, RotateCcw } from "lucide-react";
import { RoleGuard } from "../../components/auth/RoleGuard"; import { RoleGuard } from "../../components/auth/RoleGuard";
import { Badge } from "../../components/ui/badge"; import { Badge } from "../../components/ui/badge";
import { Button } from "../../components/ui/button"; import { Button } from "../../components/ui/button";
@@ -168,9 +168,6 @@ function UserProjectionContent() {
<section className="rounded-lg border border-border bg-card p-5"> <section className="rounded-lg border border-border bg-card p-5">
<div className="flex items-center gap-3 border-b border-border pb-4"> <div className="flex items-center gap-3 border-b border-border pb-4">
<div className="grid h-10 w-10 place-items-center rounded-lg bg-primary/10 text-primary">
<Database size={18} />
</div>
<div> <div>
<h3 className="text-base font-semibold"> <h3 className="text-base font-semibold">
{t( {t(