Rest api sidebar labels

src/css/custom.css

@@ -156,6 +156,52 @@ html[data-theme='dark'] {
     background-color: var(--ifm-navbar-link-hover-color);
 }
 
+.api-method>.menu__link {
+    align-items: center;
+    justify-content: start;
+}
+
+.api-method>.menu__link::before {
+    width: 50px;
+    height: 20px;
+    font-size: 12px;
+    line-height: 20px;
+    text-transform: uppercase;
+    font-weight: 600;
+    border-radius: 0.25rem;
+    border: 1px solid;
+    margin-right: var(--ifm-spacing-horizontal);
+    text-align: center;
+    flex-shrink: 0;
+    border-color: transparent;
+    color: white;
+}
+
+.get>.menu__link::before {
+    content: "get";
+    background-color: var(--ifm-color-primary);
+}
+
+.put>.menu__link::before {
+    content: "put";
+    background-color: var(--openapi-code-blue);
+}
+
+.post>.menu__link::before {
+    content: "post";
+    background-color: var(--openapi-code-green);
+}
+
+.delete>.menu__link::before {
+    content: "del";
+    background-color: var(--openapi-code-red);
+}
+
+.patch>.menu__link::before {
+    content: "patch";
+    background-color: var(--openapi-code-orange);
+}
+
 .collapsible-header {
     display: flex;
     justify-content: space-between;
@@ -341,4 +387,4 @@ html[data-theme='dark'] {
     border: 0;
     border-radius: var(--ifm-global-radius);
     color: #fff
-}
+}