'Specific api has some middlewares in swagger api

I'm writing API documentation for my application using Swagger 3.0. My application has some apis that include some middlewares. I want to describe that which api has the middlewares (like parameters or security tag)

Is that possible in swagger or is there any trick to display that?

laravelswaggeropenapiswagger-phphtmlcssiconssidebar


Solution 1:[1]

You can use flexbox. You're making your side_bar class flex and you can use flex-direction to make them vertical (https://developer.mozilla.org/fr/docs/Web/CSS/flex-direction).

Solution 2:[2]

Using flex you can achieve this here:

body{
    background: #1A1A1A;
    height: 100%;
    overflow: hidden;
}
.side_bar{
    background: linear-gradient(to bottom, #1A0066, #7B1685);
    opacity: 0.7;
    height: 93%;
    width: 80px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    margin: 20px 10px;
    overflow: hidden;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.side_bar a{
    text-align: center;
    font-size: 40px;
    transition: all 0.4s ease;
    color: #6944DA;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
.side_bar a:hover{
    background-color: #5A315E;
}
.active_icon{
    background-color: #6F119D;
}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>None</title>
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>

<body>

<div class="side_bar">
    <a class="active_icon" href="#">
        <i class="fa fa-home"></i>
    </a>
    <a href="#">
        <i class="fa fa-home"></i>
    </a>
    <a href="#">
        <i class="fa fa-home"></i>
    </a>
    <a href="#">
        <i class="fa fa-home"></i>
    </a>
    <a href="#">
        <i class="fa fa-home"></i>
    </a>
</div>

</body>
</html>

mdn: https://developer.mozilla.org/en-US/docs/Web/CSS/flex

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Yannis Haismann
Solution 2 Amir Naeem

Related Questions