Commit 57df19c5 authored by Anthony Jacob's avatar Anthony Jacob
Browse files

adjust css

parent db543f4f

src/app/Admin/APIKEY/ApiKeyListClient.css

0 → 100644
+13 −0
Original line number Diff line number Diff line 
.about-container button {

    margin-top: 10px;

}



div.apikey-list-container {

    overflow-y: auto;

    padding-top: 20px;

    padding-bottom: 20px;

}



div.apikey-list-container h2.title {

    margin-top: 50px;

}
 
 No newline at end of file

src/app/Admin/APIKEY/ApiKeyListClient.tsx

+5 −4
Original line number Diff line number Diff line
@@ -3,6 +3,7 @@ import { useEffect, useRef, useState, useMemo } from "react"; 
import { deleteApiKey, saveEnabledApiKey } from "./actions";

import { useRouter } from "next/navigation";

import Link from "next/link";

import "./ApiKeyListClient.css";

import { ClientApiKeyListProps, ApiKey } from "@/types/CustomTypes";
@@ -114,8 +115,8 @@ export default function ApiKeyListClient({ data }: ClientApiKeyListProps) { 


    if (!Array.isArray(ApiKeys) || ApiKeys.length === 0) {

        return (

            <div className="container container-fluid d-flex flex-column align-items-center justify-content-center vh-100 apikey-list-container">

                <h2 className="text-2xl font-semibold mb-4">Api Key</h2>

            <div className="container container-fluid d-flex flex-column align-items-center justify-content-center apikey-list-container">

                <h2 className="text-2xl font-semibold mb-4 title">Api Key</h2>

                <div>No Api Key found.</div>

                <div className="d-flex justify-content-end gap-2 mt-3">
@@ -129,9 +130,9 @@ export default function ApiKeyListClient({ data }: ClientApiKeyListProps) { 
    console.log("ApiKeys:", ApiKeys);



    return (

        <div className="container container-fluid d-flex flex-column align-items-center justify-content-center vh-100 apikey-list-container">

        <div className="container container-fluid d-flex flex-column align-items-center justify-content-center apikey-list-container">



            <h2 className="text-2xl font-semibold mb-4">API Key List</h2>

            <h2 className="text-2xl font-semibold mb-4 title">API Key List</h2>

            <table className="table table-striped">

                <thead>

                    <tr>

src/app/Admin/APIKEY/edit/[id]/ApiKeyEditPageClient.css

+10 −0
Original line number Diff line number Diff line
@@ -41,3 +41,13 @@ 
    border-style: solid;

    border-color: #555 transparent transparent transparent;

}



div.apikey-edit-container {

    overflow-y: auto;

    padding-top: 20px;

    padding-bottom: 20px;

}



div.apikey-edit-container h2.title {

    margin-top: 50px;

}
 
 No newline at end of file

src/app/Admin/APIKEY/edit/[id]/ApiKeyEditPageClient.tsx

+3 −3
Original line number Diff line number Diff line
@@ -67,15 +67,15 @@ export default function ApiKeyEditPageClient({ data }: ClientApiKeyEditProps) { 






    return <div className="container container-fluid d-flex flex-column align-items-center justify-content-center vh-100" >

    return <div className="container container-fluid d-flex flex-column align-items-center justify-content-center apikey-edit-container" >



        <Link href="/Admin/APIKEY" className="mb-3 align-self-start text-decoration-none">

            &larr; Back to Api Key List

        </Link>

        {ApiKeyID !== 0 ? (

            <h2>Edit Api Key {ApiKeyID}</h2>

            <h2 className="title">Edit Api Key {ApiKeyID}</h2>

        ) : (

            <h2>Add New Api Key</h2>

            <h2 className="title">Add New Api Key</h2>

        )}

src/app/Admin/APIKEY/edit/[id]/page.tsx

+1 −1
Original line number Diff line number Diff line
@@ -34,7 +34,7 @@ export default async function APIKeyEditPageServer(props: { params: Promise<{ id 
    }



    if (!data) {

        return <div className="container container-fluid d-flex flex-column align-items-center justify-content-center vh-100">

        return <div className="container container-fluid d-flex flex-column align-items-center justify-content-center">

            <RefreshToken />

            <Link href="/Admin/APIKEY" className="mb-3 align-self-start text-decoration-none">

                &larr; Back to Api Key List